@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:100%;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;min-width:1280px;max-width:2560px;margin:0 auto}.wrap>.inner{position:relative;min-width:1280px;background-color:#f5ffff}.wrap .visual,.wrap .contents{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] .txt1{font-size:23px;font-weight:600;color:#fff;letter-spacing:-.05em;line-height:32px;text-align:left}.wrap [class*=cont_] [class*=panel] .txt1>em{color:#cf8b5a}.wrap [class*=cont_] [class*=panel] 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] .item_list{display:flex;flex-wrap:wrap;position:relative;width:460px;height:406px;margin-top:27px;padding-top:278px;gap:20px;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .item_list li{position:relative;width:140px;height:130px}.wrap [class*=cont_] [class*=panel] .item_list li:before{content:"";position:absolute;top:0;left:0;width:39px;height:39px;background-image:url(../img/ico_more.png);pointer-events:none;z-index:1}.wrap [class*=cont_] [class*=panel] .item_list li:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #ac2623;border-radius:30px 0;background-color:#0000004d;opacity:0;transition:opacity .2s;box-sizing:border-box;pointer-events:none}.wrap [class*=cont_] [class*=panel] .item_list li:hover:after{opacity:1}.wrap [class*=cont_] [class*=panel] .item_list li>button{display:block;width:100%;height:100%;padding:0}.wrap [class*=cont_] [class*=panel] .item_list li>span{position:relative;display:block;margin-top:16px;font-size:21px;color:#fff;font-weight:700;text-align:center;letter-spacing:-.05em;z-index:1}.wrap [class*=cont_] [class*=panel] .item_list li>span:before{content:attr(data-text);position:absolute;top:0;z-index:-1;-webkit-text-stroke:6px #3c2c21}.wrap [class*=cont_] [class*=panel] .buy{display:flex;align-items:center;justify-content:center;position:relative;width:540px;height:114px;margin-top:88px;border-radius:30px 0;background-color:#fff;box-shadow:10px 10px 7px #0000001f}.wrap [class*=cont_] [class*=panel] .buy>span{display:flex;align-items:center;font-size:24px;color:#0012ff;font-weight:700;letter-spacing:-.04em}.wrap [class*=cont_] [class*=panel] .buy>span>b{margin-right:6px;font-size:32px;font-weight:800}.wrap [class*=cont_] [class*=panel] .buy>a{width:250px;height:58px;margin-left:30px;border:1px solid #111;background-color:#fff;color:#111;font-size:25px;letter-spacing:-.03em;font-weight:700;text-align:center;line-height:56px;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .buy>a:hover{background-color:#4517ef;color:#fff}.wrap [class*=cont_] [class*=panel] .info{width:434px;height:489px;padding:20px;border-radius:30px 0;background-color:#fff;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .info:before{content:"";display:block;width:394px;height:220px}.wrap [class*=cont_] [class*=panel] .info .inner>*{display:block;text-align:center}.wrap [class*=cont_] [class*=panel] .info .inner strong{margin-top:24px;font-size:32px;color:#222;font-weight:800;letter-spacing:-.04em}.wrap [class*=cont_] [class*=panel] .info .inner em{display:flex;align-items:center;justify-content:center;margin-top:9px;font-size:22px;font-weight:700;color:#0012ff;letter-spacing:-.04em}.wrap [class*=cont_] [class*=panel] .info .inner em>b{margin-right:5px;font-size:28px;font-weight:800}.wrap [class*=cont_] [class*=panel] .info .inner span{margin-top:16px;font-size:19px;font-weight:500;letter-spacing:-.04em;color:#222}.wrap [class*=cont_] [class*=panel] .info .inner a{width:394px;height:58px;margin-top:27px;border:1px solid #111;background-color:#4644ff;color:#fff;font-size:25px;letter-spacing:-.03em;font-weight:700;text-align:center;line-height:56px;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .info .inner a:hover{background-color:#fff;color:#222;font-size:25px}.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_logo1.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;background-color:#0b082e;z-index:1}.wrap .visual:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;width:2560px;height:100%;background:url(../img/visual_bg.jpg) no-repeat 50% 0}.wrap .visual .area .box .txt{position:absolute;left:calc(50% - 221px);top:126px;width:442px;height:60px;background-image:url(../img/visual_txt.png);transition:.4s cubic-bezier(.39,.71,.11,1.36) .1s;opacity:0;transform:translateY(-30px);z-index:1}.wrap .visual .area .box .title{position:absolute;left:calc(50% - 574px);top:200px;width:1149px;height:141px;background-image:url(../img/visual_title.png);transition:.4s cubic-bezier(.39,.71,.11,1.36) .2s;opacity:0;transform:translateY(-50px);z-index:2}.wrap .visual .area .box [class*=char]{position:absolute;bottom:0}.wrap .visual .area .box [class*=char].char1{left:calc(50% - 672px);width:469px;height:588px;background-image:url(../img/visual_char1.png);opacity:0;transform:translate(-50px);transition:.4s ease .3s}.wrap .visual .area .box [class*=char].char2{left:calc(50% - 492px);width:575px;height:591px;background-image:url(../img/visual_char2.png);opacity:0;transform:translate(-50px);transition:.4s ease .4s}.wrap .visual .area .box [class*=char].char3{left:calc(50% - 243px);width:551px;height:656px;background-image:url(../img/visual_char3.png);opacity:0;transition:.4s ease .5s;z-index:2}.wrap .visual .area .box [class*=char].char4{left:calc(50% + 27px);width:424px;height:751px;background-image:url(../img/visual_char4.png);opacity:0;transform:translate(50px);transition:.4s ease .4s;z-index:1}.wrap .visual .area .box [class*=char].char5{left:calc(50% + 301px);width:403px;height:569px;background-image:url(../img/visual_char5.png);opacity:0;transform:translate(50px);transition:.4s ease .3s}.wrap .visual.on:before{opacity:1}.wrap .visual.on .area .box .txt,.wrap .visual.on .area .box .title,.wrap .visual.on .area .box .txt2,.wrap .visual.on .area .box .date,.wrap .visual.on .area .box .deco5,.wrap .visual.on .area .box .deco1,.wrap .visual.on .area .box .deco2,.wrap .visual.on .area .box .deco3,.wrap .visual.on .area .box .deco4,.wrap .visual.on .area .box .deco6,.wrap .visual.on .area .box .char1,.wrap .visual.on .area .box .char2,.wrap .visual.on .area .box .char3,.wrap .visual.on .area .box .char4,.wrap .visual.on .area .box .char5{opacity:1;transform:translate(0)}.wrap .visual.end .area .box .deco1,.wrap .visual.end .area .box .deco2,.wrap .visual.end .area .box .deco3,.wrap .visual.end .area .box .deco4,.wrap .visual.end .area .box .deco6{filter:brightness(1)}.wrap .obj_box{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.wrap .obj_box .obj{position:absolute;top:-5%;animation-name:snow_fall,snow_shake;animation-duration:50s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;z-index:2}.wrap .obj_box .obj.deco1{left:5%}.wrap .obj_box .obj.deco2{left:13%}.wrap .obj_box .obj.deco3{left:21%}.wrap .obj_box .obj.deco4{left:24%}.wrap .obj_box .obj.deco5{left:32%}.wrap .obj_box .obj.deco6{left:60%}.wrap .obj_box .obj.deco7{left:68%}.wrap .obj_box .obj.deco8{left:76%}.wrap .obj_box .obj.deco9{left:84%}.wrap .obj_box .obj.deco10{left:90%}.wrap .obj_box .obj.deco1,.wrap .obj_box .obj.deco8{width:39px;height:44px;background-image:url(../img/visual_deco1.png);animation-delay:0s,0s}.wrap .obj_box .obj.deco2,.wrap .obj_box .obj.deco6{width:44px;height:48px;background-image:url(../img/visual_deco2.png);animation-delay:1s,1s}.wrap .obj_box .obj.deco3,.wrap .obj_box .obj.deco7{width:42px;height:48px;background-image:url(../img/visual_deco3.png);animation-delay:5s,.5s}.wrap .obj_box .obj.deco4,.wrap .obj_box .obj.deco10{width:41px;height:44px;background-image:url(../img/visual_deco4.png);animation-delay:4s,2s}.wrap .obj_box .obj.deco5,.wrap .obj_box .obj.deco9{width:25px;height:28px;background-image:url(../img/visual_deco5.png);animation-delay:2s,2s}.wrap .obj_box.type2 .obj.deco1,.wrap .obj_box.type2 .obj.deco8{animation-delay:8s,8s}.wrap .obj_box.type2 .obj.deco2,.wrap .obj_box.type2 .obj.deco6{animation-delay:9s,9s}.wrap .obj_box.type2 .obj.deco3,.wrap .obj_box.type2 .obj.deco7{animation-delay:13s,13.5s}.wrap .obj_box.type2 .obj.deco4,.wrap .obj_box.type2 .obj.deco10{animation-delay:12s,10s}.wrap .obj_box.type2 .obj.deco5,.wrap .obj_box.type2 .obj.deco9{animation-delay:10s,10s}.wrap .obj_box.type3 .obj.deco1,.wrap .obj_box.type3 .obj.deco8{animation-delay:18s,18s}.wrap .obj_box.type3 .obj.deco2,.wrap .obj_box.type3 .obj.deco6{animation-delay:19s,19s}.wrap .obj_box.type3 .obj.deco3,.wrap .obj_box.type3 .obj.deco7{animation-delay:23s,23.5s}.wrap .obj_box.type3 .obj.deco4,.wrap .obj_box.type3 .obj.deco10{animation-delay:22s,20s}.wrap .obj_box.type3 .obj.deco5,.wrap .obj_box.type3 .obj.deco9{animation-delay:20s,20s}.wrap .obj_box.type4 .obj.deco1,.wrap .obj_box.type4 .obj.deco8{animation-delay:28s,28s}.wrap .obj_box.type4 .obj.deco2,.wrap .obj_box.type4 .obj.deco6{animation-delay:29s,29s}.wrap .obj_box.type4 .obj.deco3,.wrap .obj_box.type4 .obj.deco7{animation-delay:33s,33.5s}.wrap .obj_box.type4 .obj.deco4,.wrap .obj_box.type4 .obj.deco10{animation-delay:32s,30s}.wrap .obj_box.type4 .obj.deco5,.wrap .obj_box.type4 .obj.deco9{animation-delay:30s,30s}.wrap .obj_box.type5 .obj.deco1,.wrap .obj_box.type5 .obj.deco8{animation-delay:38s,38s}.wrap .obj_box.type5 .obj.deco2,.wrap .obj_box.type5 .obj.deco6{animation-delay:39s,39s}.wrap .obj_box.type5 .obj.deco3,.wrap .obj_box.type5 .obj.deco7{animation-delay:43s,43.5s}.wrap .obj_box.type5 .obj.deco4,.wrap .obj_box.type5 .obj.deco10{animation-delay:42s,40s}.wrap .obj_box.type5 .obj.deco5,.wrap .obj_box.type5 .obj.deco9{animation-delay:40s,40s}.wrap .obj_box.type6 .obj,.wrap .obj_box.type7 .obj{animation-name:snow_fall2,snow_shake;animation-duration:35s,3s;animation-iteration-count:1,infinite}.wrap .obj_box.type7 .obj.deco1,.wrap .obj_box.type7 .obj.deco8{animation-delay:8s,8s}.wrap .obj_box.type7 .obj.deco2,.wrap .obj_box.type7 .obj.deco6{animation-delay:9s,9s}.wrap .obj_box.type7 .obj.deco3,.wrap .obj_box.type7 .obj.deco7{animation-delay:13s,13.5s}.wrap .obj_box.type7 .obj.deco4,.wrap .obj_box.type7 .obj.deco10{animation-delay:12s,10s}.wrap .obj_box.type7 .obj.deco5,.wrap .obj_box.type7 .obj.deco9{animation-delay:10s,10s}.wrap .obj_box.type8 .obj,.wrap .obj_box.type9 .obj{animation-name:snow_fall3,snow_shake;animation-duration:16.5s,3s;animation-iteration-count:2,infinite}.wrap .obj_box.type9 .obj.deco1,.wrap .obj_box.type9 .obj.deco8{animation-delay:8s,8s}.wrap .obj_box.type9 .obj.deco2,.wrap .obj_box.type9 .obj.deco6{animation-delay:9s,9s}.wrap .obj_box.type9 .obj.deco3,.wrap .obj_box.type9 .obj.deco7{animation-delay:13s,13.5s}.wrap .obj_box.type9 .obj.deco4,.wrap .obj_box.type9 .obj.deco10{animation-delay:12s,10s}.wrap .obj_box.type9 .obj.deco5,.wrap .obj_box.type9 .obj.deco9{animation-delay:10s,10s}@keyframes snow_fall{0%{top:0%}to{top:100%}}@keyframes snow_fall2{0%{top:30%;opacity:0}3%{opacity:1}to{top:100%}}@keyframes snow_fall3{0%{top:67%;opacity:0}3%{opacity:1}to{top:100%}}@keyframes snow_shake{0%{transform:translate(-20px)}50%{transform:translate(80px)}to{transform:translate(-20px)}}.wrap .obj_box.snow{position:absolute;top:988px;width:100%;padding-top:89px;overflow-x:hidden}.wrap .obj_box.snow [class*=obj_snow]{position:absolute;top:0}.wrap .obj_box.snow [class*=obj_snow].obj_snow1{left:calc(50% - 1302px);width:822px;height:89px;background-image:url(../img/visual_deco6.png);background-position:100% 0;z-index:1}.wrap .obj_box.snow [class*=obj_snow].obj_snow2{right:calc(50% - 1324px);width:870px;height:75px;background-image:url(../img/visual_deco7.png);z-index:1}.wrap .cont_01{height:1460px;background-color:#2e1a8b}.wrap .cont_01:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_01 .panel1{padding-top:220px;box-sizing:border-box}.wrap .cont_01 .panel1:before{content:"";position:absolute;top:320px;left:calc(50% - 60px);width:686px;height:1135px;opacity:0;transform:translate(50px);transition:.4s ease}.wrap .cont_01 .panel1 h4{width:596px;height:102px;margin-top:195px}.wrap .cont_01 .panel1 .txt1{margin:18px 0 0 6px}.wrap .cont_01 .panel1 .buy{margin-left:-30px}.wrap .cont_01.on .panel1:before{opacity:1;transform:translate(0)}.wrap .cont_01:not(.lazy):before{background:url(../img/cont_01_bg.jpg) no-repeat 50% 0px}.wrap .cont_01:not(.lazy) .panel1:before{background-image:url(../img/cont_01_deco.png)}.wrap .cont_01:not(.lazy) .panel1 h4{background-image:url(../img/cont_01_title.png)}.wrap .cont_01:not(.lazy) .panel1 .item_list{background-image:url(../img/cont_01_img1.png)}.wrap .cont_02{height:1400px}.wrap .cont_02:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_02:after{content:"";position:absolute;left:calc(50% - 1280px);top:-100px;bottom:0;width:2560px;height:238px;background-position:50% 0}.wrap .cont_02 .panel1{display:flex;flex-direction:column;align-items:flex-end;padding-top:180px}.wrap .cont_02 .panel1:before{content:"";position:absolute;top:101px;left:calc(50% - 686px);width:795px;height:1251px;opacity:0;transform:translate(-50px);transition:.4s ease}.wrap .cont_02 .panel1 h4{position:relative;width:397px;height:201px;padding-right:80px;background-repeat:no-repeat}.wrap .cont_02 .panel1 .txt1{margin-top:27px;padding-right:56px;font-size:23px;line-height:33px;color:#222}.wrap .cont_02 .panel1 .buy{margin-right:-30px}.wrap .cont_02.on .panel1:before{opacity:1;transform:translate(0)}.wrap .cont_02:not(.lazy):before{background:url(../img/cont_02_bg.jpg) no-repeat 50% 0}.wrap .cont_02:not(.lazy):after{background-image:url(../img/cont_02_bg2.png)}.wrap .cont_02:not(.lazy) .panel1:before{background-image:url(../img/cont_02_deco.png)}.wrap .cont_02:not(.lazy) .panel1 h4{background-image:url(../img/cont_02_title.png)}.wrap .cont_02:not(.lazy) .panel1 .item_list{background-image:url(../img/cont_02_img1.png)}.wrap .cont_02:not(.lazy) .panel1 .item_list li:before{background-image:url(../img/ico_more.png)}.wrap .cont_03{height:1520px}.wrap .cont_03:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_03 .panel1{padding-top:200px}.wrap .cont_03 .panel1:before{content:"";position:absolute;top:210px;left:calc(50% - 116px);width:704px;height:1164px;opacity:0;transform:translate(50px);transition:.4s ease}.wrap .cont_03 .panel1 h4{position:relative;width:478px;height:201px}.wrap .cont_03 .panel1 .item_list{gap:60px 20px;height:594px}.wrap .cont_03 .panel1 .item_list li{height:128px}.wrap .cont_03 .panel1 .item_list li>span{font-size:19px;white-space:nowrap}.wrap .cont_03 .panel1 .txt1{margin-top:26px;padding-right:125px;font-size:23px}.wrap .cont_03 .panel1 .buy{margin-left:-30px}.wrap .cont_03.on .panel1:before{opacity:1;transform:translate(0)}.wrap .cont_03:not(.lazy):before{background:url(../img/cont_03_bg.jpg) no-repeat 50% 0px}.wrap .cont_03:not(.lazy) .panel1:before{background-image:url(../img/cont_03_deco.png)}.wrap .cont_03:not(.lazy) .panel1 h4{background-image:url(../img/cont_03_title.png)}.wrap .cont_03:not(.lazy) .panel1 .item_list{background-image:url(../img/cont_03_img1.png)}.wrap .cont_03:not(.lazy) .panel1 .item_list li:before{background-image:url(../img/ico_more.png)}.wrap .cont_04{height:990px}.wrap .cont_04:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_04 .panel1{padding-top:144px}.wrap .cont_04 .panel1:before{content:"";position:absolute;top:135px;left:calc(50% - 15px);width:736px;height:1323px;opacity:0;transform:translate(-100px);transition:.3s ease}.wrap .cont_04 .panel1 h4{width:1138px;height:74px}.wrap .cont_04 .panel1 .txt1{margin-top:18px;color:#222}.wrap .cont_04 .panel1 .box{display:flex;flex-direction:column;align-items:flex-end;position:relative;padding-top:60px}.wrap .cont_04 .panel1 .box:before{content:"";position:absolute;top:34px;left:0;width:580px;height:520px;box-shadow:25px 25px 15px #00000026}.wrap .cont_04 .panel1 .box ul{padding-left:650px}.wrap .cont_04 .panel1 .box ul>li{position:relative;width:490px;height:50px;box-shadow:3px 3px 5px #00000026}.wrap .cont_04 .panel1 .box ul>li:before{content:"";position:absolute;width:490px;height:50px}.wrap .cont_04 .panel1 .box ul>li>span{position:relative;display:block;padding-left:68px;color:#222;font-size:19px;letter-spacing:-.05em;line-height:50px;font-weight:700}.wrap .cont_04 .panel1 .box ul>li+li{margin-top:10px}.wrap .cont_04 .panel1 .box .buy{margin:50px -30px 0 0}.wrap .cont_04.on .panel1:before{opacity:1;transform:translate(0)}.wrap .cont_04:not(.lazy):before{background:url(../img/cont_04_bg.jpg) no-repeat 50% 0px}.wrap .cont_04:not(.lazy) .panel1:before{background-image:url(../img/cont_04_deco.png)}.wrap .cont_04:not(.lazy) .panel1 h4{background-image:url(../img/cont_04_title.png)}.wrap .cont_04:not(.lazy) .panel1 .box:before{background-image:url(../img/cont_04_img1.jpg)}.wrap .cont_04:not(.lazy) .panel1 .box ul>li:before{background-image:url(../img/cont_04_img2.png)}.wrap .cont_05{height:1320px}.wrap .cont_05:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_05 .panel1{padding-top:370px}.wrap .cont_05 .panel1 .box{position:relative;padding-top:102px;padding-left:650px}.wrap .cont_05 .panel1 .box:before{content:"";position:absolute;top:0;left:0;width:580px;height:520px;box-shadow:25px 25px 15px #00000026}.wrap .cont_05 .panel1 .box h4{width:491px;height:71px}.wrap .cont_05 .panel1 .box .txt1{margin-top:32px;color:#222}.wrap .cont_05 .panel1 .box .buy{margin-top:50px}.wrap .cont_05 .panel1 .txt2{margin-top:138px;font-size:20px;font-weight:600}.wrap .cont_05 .panel1 .banner{display:block;position:relative;width:1140px;height:160px;margin:71px auto 0;padding:68px 0 0 72px;box-sizing:border-box}.wrap .cont_05 .panel1 .banner:after{content:"";position:absolute;top:79px;right:409px;width:76px;height:11px;transform:translate(0);transition:transform .3s ease}.wrap .cont_05 .panel1 .banner>span{display:block;width:578px;height:25px}.wrap .cont_05 .panel1 .banner:hover:after{transform:translate(10px)}.wrap .cont_05:not(.lazy):before{background:url(../img/cont_05_bg.jpg) no-repeat 50% 0px}.wrap .cont_05:not(.lazy) .panel1 .box:before{background-image:url(../img/cont_05_img.jpg)}.wrap .cont_05:not(.lazy) .panel1 .box h4{background-image:url(../img/cont_05_title.png)}.wrap .cont_05:not(.lazy) .panel1 .banner{background-image:url(../img/cont_05_banner.jpg)}.wrap .cont_05:not(.lazy) .panel1 .banner:after{background-image:url(../img/ico_arrow.png)}.wrap .cont_05:not(.lazy) .panel1 .banner>span{background-image:url(../img/cont_05_txt.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-image:url(../img/btn_aside.png);background-repeat:no-repeat;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:hover>a{background-image:url(../img/btn_aside_on.png);color:#efc75a;font-weight:700}.wrap .aside .quick>li.on>a{background-image:url(../img/btn_aside_on.png);color:#efc75a;font-weight:700}.wrap .aside .quick>li+li{margin-top:3px}.wrap .aside .btn_top{position:relative;width:100px;height:50px;margin:24px 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{display:none;position:absolute;left:50%;width:938px;padding:0;border:1px solid #a3a3a3;background-color:#fff;box-sizing:border-box;transition:opacity .3s;visibility:hidden;transform:translate(0)}.wrap .layer_area .layer>header{padding:24px 0 25px;border:0;border-bottom:1px solid #a3a3a3;background-color:#222}.wrap .layer_area .layer>header h2{font-weight:600;font-size:22px;line-height:30px;color:#fff;padding-left:30px;letter-spacing:-.03em}.wrap .layer_area .layer .content{position:relative;padding:40px 30px}.wrap .layer_area .layer .content>.box{display:block;position:relative;width:878px;height:470px;border:1px solid #ddd;box-sizing:border-box}.wrap .layer_area .layer .content>.box .swiper-container{position:relative}.wrap .layer_area .layer .content>.box .swiper-container [class*=btn_]{position:absolute;top:calc(50% - 45px);width:70px;height:70px;left:0;z-index:1}.wrap .layer_area .layer .content>.box .swiper-container .btn_next{left:auto;right:0;transform:rotate(-180deg)}.wrap .layer_area .layer .btn_close{position:absolute;left:calc(50% - 17px);top:-55px;width:34px;height:34px;padding:0;background:url(../img/ly_close2.png) no-repeat 50% 50%;box-sizing:border-box}.wrap .layer_area .layer.on{display:block;position:static;margin:auto;opacity:1;visibility:visible}.wrap .layer_area.on{display:flex;opacity:1;visibility:visible}.wrap .layer[data-layercon=view1],.wrap .layer[data-layercon=view2],.wrap .layer[data-layercon=view3]{width:750px;border:0;background-color:transparent}.wrap .layer[data-layercon=view1]>header,.wrap .layer[data-layercon=view2]>header,.wrap .layer[data-layercon=view3]>header{padding:0;border:0;background-color:transparent}.wrap .layer[data-layercon=view1] .content,.wrap .layer[data-layercon=view2] .content,.wrap .layer[data-layercon=view3] .content{padding:0}.wrap .layer[data-layercon=view1] .content .box,.wrap .layer[data-layercon=view2] .content .box,.wrap .layer[data-layercon=view3] .content .box{width:100%;height:750px;border:0}.wrap .layer[data-layercon=view1] .content .box .swiper-container,.wrap .layer[data-layercon=view2] .content .box .swiper-container,.wrap .layer[data-layercon=view3] .content .box .swiper-container,.wrap .layer[data-layercon=view1] .content .box .swiper-container .swiper-wrapper .swiper-slide,.wrap .layer[data-layercon=view2] .content .box .swiper-container .swiper-wrapper .swiper-slide,.wrap .layer[data-layercon=view3] .content .box .swiper-container .swiper-wrapper .swiper-slide{height:100%}.wrap .layer[data-layercon=view1] .content .box .swiper-container [class*=btn_],.wrap .layer[data-layercon=view2] .content .box .swiper-container [class*=btn_],.wrap .layer[data-layercon=view3] .content .box .swiper-container [class*=btn_]{width:70px;height:90px;padding:22px;background-color:#010101b3;transition:.3s ease}.wrap .layer[data-layercon=view1] .content .box .swiper-container [class*=btn_]:before,.wrap .layer[data-layercon=view2] .content .box .swiper-container [class*=btn_]:before,.wrap .layer[data-layercon=view3] .content .box .swiper-container [class*=btn_]:before{content:"";position:absolute;width:25px;height:45px;top:22px;left:22px}.wrap .layer[data-layercon=view1] .content .box .swiper-container [class*=btn_]:hover,.wrap .layer[data-layercon=view2] .content .box .swiper-container [class*=btn_]:hover,.wrap .layer[data-layercon=view3] .content .box .swiper-container [class*=btn_]:hover{background-color:#111}.wrap .layer[data-layercon=view1]:not(.lazy) .content .box .swiper-container [class*=btn_]:before,.wrap .layer[data-layercon=view2]:not(.lazy) .content .box .swiper-container [class*=btn_]:before,.wrap .layer[data-layercon=view3]:not(.lazy) .content .box .swiper-container [class*=btn_]:before{background-image:url(../img/ly_arrow.png)}.wrap .layer[data-layercon=view1]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico1{background-image:url(../img/ly_img1.jpg)}.wrap .layer[data-layercon=view1]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico2{background-image:url(../img/ly_img2.jpg)}.wrap .layer[data-layercon=view1]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico3{background-image:url(../img/ly_img3.jpg)}.wrap .layer[data-layercon=view2]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico1{background-image:url(../img/ly_img4.jpg)}.wrap .layer[data-layercon=view2]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico2{background-image:url(../img/ly_img5.jpg)}.wrap .layer[data-layercon=view2]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico3{background-image:url(../img/ly_img6.jpg)}.wrap .layer[data-layercon=view3]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico1{background-image:url(../img/ly_img7.jpg)}.wrap .layer[data-layercon=view3]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico2{background-image:url(../img/ly_img8.jpg)}.wrap .layer[data-layercon=view3]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico3{background-image:url(../img/ly_img9.jpg)}.wrap .layer[data-layercon=view3]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico4{background-image:url(../img/ly_img10.jpg)}.wrap .layer[data-layercon=view3]:not(.lazy) .content .box .swiper-container .swiper-wrapper .swiper-slide.ico5{background-image:url(../img/ly_img11.jpg)}@media (min-width: 2560px){.wrap .aside{right:calc(50% - 1260px)}}.mo.wrap .aside>span,.mo.wrap .aside .quick{display:none}.mo.wrap .aside .btn_top{width:168px;height:140px;background-image:url(../img/btn_topm.gif)}