@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}body:after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url(../img/cont_01_tab1.png) url(../img/cont_01_tab1_img1.png) url(../img/cont_01_tab1_img2.png) url(../img/cont_01_tab1_img3.png) url(../img/cont_01_tab2.png) url(../img/cont_01_tab2_img1.png) url(../img/cont_01_tab2_img2.png) url(../img/cont_01_tab2_img2_1.png) url(../img/cont_01_tab3.png) url(../img/cont_01_tab3_img1.png) url(../img/cont_01_tab3_img2.png) url(../img/cont_01_tab3_img4.png) url(../img/cont_01_tab3_img3.png) url(../img/cont_01_tab3_img5.png) url(../img/cont_01_tab4.png) url(../img/cont_01_tab4_img1.png) url(../img/cont_01_tab4_img3.png) url(../img/cont_01_tab4_img2.png) url(../img/cont_01_tab4_img4.png) url(../img/cont_01_tab5.png) url(../img/cont_01_tab5_img1.png) url(../img/cont_01_tab5_img2.png) url(../img/cont_01_tab5_img3.png)}a{color:#000;text-decoration:none;transition:color .4s cubic-bezier(.215,.61,.355,1)}button{font-size:100%;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;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 .contents{background-color:#0e0e30}.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] [class^=box]{position:relative;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .box{width:1179px;height:628px;margin:56px auto 0;padding:217px 0 0 83px}.wrap [class*=cont_] [class*=panel] .box2{width:1140px;height:383px;margin:69px auto 0}.wrap [class*=cont_] [class*=panel] .box2>ul{display:flex;height:100%;gap:0 32px}.wrap [class*=cont_] [class*=panel] .box2>ul li{display:flex;flex-direction:column;position:relative;width:554px;height:100%;padding:169px 0 0;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .box2>ul li .price{padding-left:40px}.wrap [class*=cont_] [class*=panel] .box2>ul li .price>em{color:#ffd496}.wrap [class*=cont_] [class*=panel] .box2>ul li>p{margin-top:18px;padding-left:40px;font-size:20px;color:#c9c9c9;letter-spacing:-.075em;line-height:28px}.wrap [class*=cont_] [class*=panel] .box2>ul li .btn_pop{position:absolute;top:62px;right:28px;width:200px;height:200px}.wrap [class*=cont_] [class*=panel] .box2>ul li .btn_link{margin-top:auto;width:100%;height:80px;border:0}.wrap [class*=cont_] [class*=panel] .txt1{font-size:19px;color:#222;letter-spacing:-.025em;font-weight:600;line-height:29px}.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] .price{display:flex;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .price>em{display:flex;align-items:center;gap:0 13px;color:#40d4ff;font-size:36px;font-weight:800;letter-spacing:-.04em}.wrap [class*=cont_] [class*=panel] .price>em>i{font-size:24px;color:#fff;font-weight:700;letter-spacing:-.04em}.wrap [class*=cont_] [class*=panel] .txt{font-size:20px;color:#c9c9c9;letter-spacing:-.05em;line-height:28px}.wrap [class*=cont_] [class*=panel] .btn_link{display:flex;align-items:center;justify-content:center;gap:0 4px;width:340px;height:64px;border:2px solid #fff;font-size:25px;color:#fff;letter-spacing:-.04em;line-height:62px;text-align:center;font-weight:700;transition:.3s ease;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .btn_link:after{content:"→"}.wrap [class*=cont_] [class*=panel] .btn_link:hover{gap:0 10px}.wrap [class*=cont_] [class*=panel] .badge{display:flex;gap:0 14px;position:absolute;top:70px;left:81px}.wrap [class*=cont_] [class*=panel] .badge>span{width:136px;height:42px;border:1px solid;border-radius:21px;font-size:22px;font-weight:600;letter-spacing:-.05em;line-height:40px;text-align:center;box-sizing:border-box}.wrap [class*=cont_] [class*=panel] .badge>span:nth-child(1){border-color:#e3c08f;background-color:#483b29;color:#fee0b6}.wrap [class*=cont_] [class*=panel] .badge>span:nth-child(2){border-color:#968eff;background-color:#322e61;color:#d5cbff}.wrap [class*=cont_] [class*=panel] .price+.txt{margin-top:23px}.wrap [class*=cont_] [class*=panel] .txt~.btn_link{margin-top:170px}.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;position:relative;width:248px;height:70px}.wrap [class*=cont_] [class*=panel] .buy>a{display:flex;justify-content:center;gap:0 8px;position:relative;width:100%;height:100%;font-size:28px;line-height:70px;font-weight:600}.wrap [class*=cont_] [class*=panel] .buy>a:after{content:"→";font-size:28px;line-height:70px;font-weight:600;transform:translate(0);transition:transform .3s ease}.wrap [class*=cont_] [class*=panel] .buy>a:hover:after{transform:translate(8px)}.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_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:884px;background-color:#000;z-index:1}.wrap .visual:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;width:2560px;height:100%;background:url(../img/visual_bg2.jpg) no-repeat 50% 0;animation:flash 3s normal 2}@keyframes flash{0%,10%{background-image:url(../img/visual_bg2.jpg)}20.1%,30%{background-image:url(../img/visual_bg1.jpg)}30.1%,45%{background-image:url(../img/visual_bg2.jpg)}45.1%,50%{background-image:url(../img/visual_bg1.jpg)}55.1%,57%{background-image:url(../img/visual_bg2.jpg)}57.1%,60%{background-image:url(../img/visual_bg1.jpg)}65.1%,75%{background-image:url(../img/visual_bg2.jpg)}75.1%,77%{background-image:url(../img/visual_bg1.jpg)}77.1%,85%{background-image:url(../img/visual_bg2.jpg)}86.1%,to{background-image:url(../img/visual_bg2.jpg)}}.wrap .visual .area .box .title:before{content:"";position:absolute;top:68px;left:calc(50% - 181px);width:362px;height:186px;background-image:url(../img/visual_logo.png);transform:translateY(-50px);transition:transform .4s cubic-bezier(.39,.71,.11,1.36);opacity:0}.wrap .visual .area .box .title:after{content:"";position:absolute;top:283px;left:calc(50% - 312px);width:620px;height:171px;background-image:url(../img/visual_title.png);transform:translateY(-50px);transition:transform .4s cubic-bezier(.39,.71,.11,1.36);opacity:0}.wrap .visual .area .box .txt{position:absolute;top:500px;left:50%;color:#222;font-size:26px;letter-spacing:-.05em;line-height:34px;font-weight:600;text-align:center;transform:translate(-50%,-50px);opacity:0;transition:.4s cubic-bezier(.39,.71,.11,1.36) .2s}.wrap .visual .area [class*=char]{position:absolute;opacity:0;transition:.3s ease;transition-property:opacity,transform}.wrap .visual .area [class*=char].char1{top:375px;left:calc(50% - 554px);width:353px;height:762px;background-image:url(../img/visual_char1.png);transform:translate(-50px);z-index:1}.wrap .visual .area [class*=char].char2{top:145px;left:calc(50% - 704px);width:560px;height:1263px;background-image:url(../img/visual_char2.png);transform:translate(-50px);transition-delay:.1s}.wrap .visual .area [class*=char].char3{top:365px;left:calc(50% + 240px);width:278px;height:523px;background-image:url(../img/visual_char3.png);transform:translate(50px);z-index:2}.wrap .visual .area [class*=char].char4{top:274px;left:calc(50% + 354px);width:424px;height:666px;background-image:url(../img/visual_char4.png);transform:translate(50px);transition-delay:.1s;z-index:1}.wrap .visual .area [class*=char].char5{top:74px;left:calc(50% + 191px);width:889px;height:1255px;background-image:url(../img/visual_char5.png);transform:translate(50px);transition-delay:.2s}.wrap .visual .area [class^=deco]{position:absolute;opacity:0;transition-duration:.3s}.wrap .visual .area [class^=deco].deco1{top:340px;left:calc(50% - 1406px);width:358px;height:112px;background-image:url(../img/visual_deco7.png);animation:floating 5s infinite ease-in-out}.wrap .visual .area [class^=deco].deco2{top:597px;left:calc(50% - 1146px);width:323px;height:89px;background-image:url(../img/visual_deco8.png);animation:floating 4.5s infinite ease-in-out}.wrap .visual .area [class^=deco].deco3{top:687px;left:calc(50% + 654px);width:275px;height:76px;background-image:url(../img/visual_deco9.png);animation:floating 6.5s infinite ease-in-out}.wrap .visual .area [class^=deco].deco4{top:438px;left:calc(50% + 882px);width:358px;height:112px;background-image:url(../img/visual_deco10.png);animation:floating 6s infinite ease-in-out}.wrap .visual .area [class^=deco].deco5{top:209px;left:calc(50% - 824px);width:604px;height:1172px;background-image:url(../img/visual_deco1.png);transform:translate(50px);transition-delay:.2s}.wrap .visual .area [class^=deco].deco6{top:581px;left:calc(50% - 382px);width:274px;height:593px;background-image:url(../img/visual_deco2.png);transform:translate(50px);transition-delay:.3s}.wrap .visual .area [class^=deco].deco7{top:578px;left:calc(50% + 114px);width:261px;height:488px;background-image:url(../img/visual_deco3.png);transform:translate(-50px);transition-delay:.2s;z-index:1}.wrap .visual .area [class^=deco].deco8{top:-198px;left:calc(50% + 11px);width:944px;height:1612px;background-image:url(../img/visual_deco5.png);transform:translate(-50px);transition-delay:.3s}.wrap .visual.on:before{transform:scale(1);opacity:1}.wrap .visual.on .area:before{transform:translateY(0)}.wrap .visual.on .area [class^=deco]{opacity:1;transform:translate(0)}.wrap .visual.on .area .box .title,.wrap .visual.on .area .box .title:before,.wrap .visual.on .area .box .title:after{opacity:1;transform:translate(0)}.wrap .visual.on .area .box .txt{opacity:1;transform:translate(-50%)}.wrap .visual.on .area [class*=char]{opacity:1;transform:translate(0)}.wrap .tab{position:sticky;top:0;width:100%;height:120px;margin:0 auto;background-color:#00001b;z-index:2}.wrap .tab>ul{display:flex;justify-content:center;width:1140px;height:100%;margin:0 auto}.wrap .tab>ul li{width:50%;background-image:url(../img/tab_off.jpg)}.wrap .tab>ul li>a{display:block;height:100%}.wrap .tab>ul li.on{background-image:url(../img/tab_on.jpg)}.wrap .tab>ul li.ico1{background-position-x:0}.wrap .tab>ul li.ico2{background-position-x:570px}.wrap .tab.fixed~.contents{padding-top:120px}.wrap .obj_box{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow-x:hidden}.wrap .obj_box .obj{position:absolute;top:-5%;animation-duration:50s,8s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;z-index:2}.wrap .obj_box .obj.deco1,.wrap .obj_box .obj.deco5,.wrap .obj_box .obj.deco8,.wrap .obj_box .obj.deco12,.wrap .obj_box .obj.deco15,.wrap .obj_box .obj.deco20,.wrap .obj_box .obj.deco24{width:53px;height:47px;background-image:url(../img/visual_deco5.png);animation-name:falling1,shake}.wrap .obj_box .obj.deco2,.wrap .obj_box .obj.deco6,.wrap .obj_box .obj.deco7,.wrap .obj_box .obj.deco11,.wrap .obj_box .obj.deco14,.wrap .obj_box .obj.deco17,.wrap .obj_box .obj.deco21{width:35px;height:33px;background-image:url(../img/visual_deco6.png);animation-name:falling2,shake}.wrap .obj_box .obj.deco3,.wrap .obj_box .obj.deco9,.wrap .obj_box .obj.deco13,.wrap .obj_box .obj.deco18,.wrap .obj_box .obj.deco23{width:40px;height:29px;background-image:url(../img/visual_deco7.png);animation-name:falling3,shake}.wrap .obj_box .obj.deco4,.wrap .obj_box .obj.deco10,.wrap .obj_box .obj.deco16,.wrap .obj_box .obj.deco19,.wrap .obj_box .obj.deco22,.wrap .obj_box .obj.deco25{width:30px;height:24px;background-image:url(../img/visual_deco8.png);animation-name:falling4,shake}.wrap .obj_box .obj.deco1{left:4%;animation-delay:0s,0s}.wrap .obj_box .obj.deco2{left:10%;animation-delay:1s,1s}.wrap .obj_box .obj.deco3{left:14%;animation-delay:5s,.5s}.wrap .obj_box .obj.deco4{left:20%;animation-delay:4s,2s}.wrap .obj_box .obj.deco5{left:22%;animation-delay:2s,2s}.wrap .obj_box .obj.deco6{left:25%;animation-delay:3s,3s}.wrap .obj_box .obj.deco7{left:4%;animation-delay:11s,11s}.wrap .obj_box .obj.deco8{left:20%;animation-delay:10s,10s}.wrap .obj_box .obj.deco9{left:28%;animation-delay:13s,13s}.wrap .obj_box .obj.deco10{left:16%;animation-delay:14s,12s}.wrap .obj_box .obj.deco11{left:20%;animation-delay:12s,12s}.wrap .obj_box .obj.deco12{left:12%;animation-delay:15s,10.5s}.wrap .obj_box .obj.deco13{left:70%;animation-delay:0s,0s}.wrap .obj_box .obj.deco13{left:75%;animation-delay:2s,2s}.wrap .obj_box .obj.deco14{left:79%;animation-delay:5s,.5s}.wrap .obj_box .obj.deco15{left:82%;animation-delay:1s,1s}.wrap .obj_box .obj.deco16{left:90%;animation-delay:3s,3s}.wrap .obj_box .obj.deco17{left:88%;animation-delay:4s,2s}.wrap .obj_box .obj.deco18{left:91%;animation-delay:5s,.5s}.wrap .obj_box .obj.deco19{left:79%;animation-delay:15s,10.5s}.wrap .obj_box .obj.deco20{left:91%;animation-delay:15s,10.5s}.wrap .obj_box .obj.deco21{left:82%;animation-delay:11s,11s}.wrap .obj_box .obj.deco22{left:90%;animation-delay:13s,13s}.wrap .obj_box .obj.deco23{left:70%;animation-delay:10s,10s}.wrap .obj_box .obj.deco24{left:88%;animation-delay:14s,12s}.wrap .obj_box .obj.deco25{left:75%;animation-delay:12s,12s}@keyframes falling1{0%{top:0%}35%{background-image:url(../img/visual_deco5.png)}40%{background-image:url(../img/visual_deco1.png)}to{top:100%;background-image:url(../img/visual_deco1.png)}}@keyframes falling2{0%{top:0%}35%{background-image:url(../img/visual_deco6.png)}40%{background-image:url(../img/visual_deco2.png)}to{top:100%;background-image:url(../img/visual_deco2.png)}}@keyframes falling3{0%{top:0%}35%{background-image:url(../img/visual_deco7.png)}40%{background-image:url(../img/visual_deco3.png)}to{top:100%;background-image:url(../img/visual_deco3.png)}}@keyframes falling4{0%{top:0%}35%{background-image:url(../img/visual_deco8.png)}40%{background-image:url(../img/visual_deco4.png)}to{top:100%;background-image:url(../img/visual_deco4.png)}}@keyframes shake{0%,to{transform:translate(-20px) rotate(-5deg)}25%{transform:translate(80px) rotate(28deg)}50%{transform:translate(-10px) rotate(3deg)}75%{transform:translate(90px) rotate(30deg)}}.wrap .cont_01{height:1950px}.wrap .cont_01:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_01 .panel1{padding-top:100px;box-sizing:border-box}.wrap .cont_01 .panel1 .banner{position:relative;width:1140px;height:320px;margin:0 auto;padding:213px 0 0 61px;box-sizing:border-box}.wrap .cont_01 .panel1 .banner>span{display:block;position:relative;padding-left:14px;color:#fff;font-weight:500;letter-spacing:-.025em;line-height:26px;font-size:20px}.wrap .cont_01 .panel1 .banner>span:before{content:"*";position:absolute;left:0}.wrap .cont_01 .panel1 .banner time{font-weight:700;font-size:20px;color:#83f5ff;letter-spacing:-.025em;text-decoration:underline;text-underline-position:under}.wrap .cont_01 .panel1 .banner>ul{display:flex;gap:0 22px;position:absolute;top:39px;right:67px;width:518px;height:248px}.wrap .cont_01 .panel1 .banner>ul li{width:33.33%;height:100%}.wrap .cont_01 .panel1 .banner>ul li>a{display:block;height:100%}.wrap .cont_01 .panel1 h3{width:1089px;height:173px;padding-top:62px;margin-left:8px;background-repeat:no-repeat;background-position:0 100%}.wrap .cont_01 .panel1 .box{margin-left:-19.5px;padding-top:209px}.wrap .cont_01 .panel1 .box .txt~.btn_link{margin-top:163px}.wrap .cont_01 .panel1 .box2{margin-top:87px}.wrap .cont_01:not(.lazy):before{background-image:url(../img/cont_01_bg.jpg)}.wrap .cont_01:not(.lazy) .panel1 .banner{background-image:url(../img/cont_01_banner.png)}.wrap .cont_01:not(.lazy) .panel1 h3{background-image:url(../img/cont_01_title.png)}.wrap .cont_01:not(.lazy) .panel1 .box{background-image:url(../img/cont_01_box.png)}.wrap .cont_01:not(.lazy) .panel1 .box2{background-image:url(../img/cont_01_box2.png)}.wrap .cont_02{height:1570px}.wrap .cont_02:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_02 .panel1{padding-top:116px}.wrap .cont_02 .panel1 h3{width:1008px;height:168px;margin:0 auto}.wrap .cont_02 .panel1 .box{width:1270px;height:719px;margin-left:-65px;padding:228px 0 0 127px}.wrap .cont_02 .panel1 .box .badge{top:91px;left:127px}.wrap .cont_02 .panel1 .box .txt~.btn_link{margin-top:165px}.wrap .cont_02 .panel1 .box2{width:1231px;height:453px;margin:-13px 0 0 -45.5px}.wrap .cont_02 .panel1 .box2>ul{justify-content:center}.wrap .cont_02 .panel1 .box2>ul li{height:382px;padding-top:162px}.wrap .cont_02:not(.lazy):before{background:url(../img/cont_02_bg.jpg) no-repeat 50% 0}.wrap .cont_02:not(.lazy) .panel1 h3{background-image:url(../img/cont_02_title.png)}.wrap .cont_02:not(.lazy) .panel1 .box{background-image:url(../img/cont_02_box.png)}.wrap .cont_02:not(.lazy) .panel1 .box2{background-image:url(../img/cont_02_box2.png)}.wrap .cont_03{height:1561px}.wrap .cont_03:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_03 .panel1{padding-top:106px}.wrap .cont_03 .panel1 h3{width:1007px;height:168px;margin:0 auto}.wrap .cont_03 .panel1 .box{margin-left:-19.5px;padding-top:207px}.wrap .cont_03 .panel1 .box .btn_link{margin-top:157px}.wrap .cont_03 .panel1 .box2>ul li{padding-top:161px}.wrap .cont_03:not(.lazy):before{background:url(../img/cont_03_bg.jpg) no-repeat 50% 0}.wrap .cont_03:not(.lazy) .panel1 h3{background-image:url(../img/cont_03_title.png)}.wrap .cont_03:not(.lazy) .panel1 .box{background-image:url(../img/cont_03_box.png)}.wrap .cont_03:not(.lazy) .panel1 .box2{background-image:url(../img/cont_03_box2.png)}.wrap .cont_04{height:1408px}.wrap .cont_04:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_04 .panel1{padding-top:160px}.wrap .cont_04 .panel1 .box{width:1140px;height:700px;margin:0 auto;padding:209px 0 0 586px}.wrap .cont_04 .panel1 .box .badge{left:auto;right:269px}.wrap .cont_04 .panel1 .banner{display:block;width:1140px;height:160px;margin:60px auto 0;padding:50px 0 0 50px;box-sizing:border-box}.wrap .cont_04 .panel1 .banner>p{position:relative;width:497px;height:60px}.wrap .cont_04 .panel1 .banner>p:after{content:"";position:absolute;right:-86px;bottom:5px;width:76px;height:11px;transition:.3s ease}.wrap .cont_04 .panel1 .banner:hover>p:after{transform:translate(10px)}.wrap .cont_04 .panel1 .info_txt{margin-top:171px;text-align:center;font-size:17px;color:#fff;letter-spacing:-.025em;line-height:26px}.wrap .cont_04 .panel1 .info_txt:before{content:"";display:block;width:30px;height:26px;margin:0 auto 12px}.wrap .cont_04 .panel1 .info_txt>a{color:#83f5ff;text-decoration:underline;text-underline-position:from-font}.wrap .cont_04:not(.lazy):before{background:url(../img/cont_04_bg.jpg) no-repeat 50% 0}.wrap .cont_04:not(.lazy) .panel1 h3{background-image:url(../img/cont_04_title.png)}.wrap .cont_04:not(.lazy) .panel1 .box{background-image:url(../img/cont_04_box.png)}.wrap .cont_04:not(.lazy) .panel1 .banner{background-image:url(../img/cont_04_banner.png)}.wrap .cont_04:not(.lazy) .panel1 .banner>p{background-image:url(../img/cont_04_banner_txt.png)}.wrap .cont_04:not(.lazy) .panel1 .banner>p:after{background-image:url(../img/ico_arrow.png)}.wrap .cont_04:not(.lazy) .panel1 .info_txt:before{background-image:url(../img/ico_mark.jpg)}.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;justify-content:center;width:150px;height:70px;background-image:url(../img/btn_aside.png);background-repeat:no-repeat;font-weight:400;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:#fff;font-weight:700}.wrap .aside .quick>li.on>a{background-image:url(../img/btn_aside_on.png);color:#fff;font-weight:700}.wrap .aside .quick>li+li{margin-top:3px}.wrap .aside .btn_top{position:relative;width:100px;height:50px;margin:9px 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:auto;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:auto;height:auto;border:0}.wrap .layer[data-layercon=view1] .content .box .mov,.wrap .layer[data-layercon=view2] .content .box .mov,.wrap .layer[data-layercon=view3] .content .box .mov{position:relative}.wrap .layer[data-layercon=view1] .content .box .mov [class^=btn_],.wrap .layer[data-layercon=view2] .content .box .mov [class^=btn_],.wrap .layer[data-layercon=view3] .content .box .mov [class^=btn_]{position:absolute;top:calc(50% - 67.5px);left:calc(50% - 67.5px);width:135px;height:135px;transition:.2s ease}.wrap .layer[data-layercon=view1] .content .box .mov [class^=btn_].btn_play,.wrap .layer[data-layercon=view2] .content .box .mov [class^=btn_].btn_play,.wrap .layer[data-layercon=view3] .content .box .mov [class^=btn_].btn_play{background-image:url(../img/btn_play.png)}.wrap .layer[data-layercon=view1] .content .box .mov [class^=btn_].btn_paused,.wrap .layer[data-layercon=view2] .content .box .mov [class^=btn_].btn_paused,.wrap .layer[data-layercon=view3] .content .box .mov [class^=btn_].btn_paused{opacity:0;background-image:url(../img/btn_pause.png)}.wrap .layer[data-layercon=view1] .content .box .mov [class^=btn_].show,.wrap .layer[data-layercon=view2] .content .box .mov [class^=btn_].show,.wrap .layer[data-layercon=view3] .content .box .mov [class^=btn_].show{opacity:1}.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)}