@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-display:block;font-family:Montserrat;font-style:normal;font-weight:100;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-100.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:100;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-100italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:200;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-200.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:200;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-200italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:300;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-300.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:300;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-300italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:400;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-regular.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:400;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:500;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-500.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:500;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-500italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:600;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-600.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:600;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-600italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:700;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-700.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:700;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-700italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:800;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-800.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:800;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-800italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:900;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-900.woff2) format("woff2")}@font-face{font-display:block;font-family:Montserrat;font-style:italic;font-weight:900;src:url(https://image.ff14.co.kr/html2/fonts/montserrat-v31-latin-900italic.woff2) format("woff2")}@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:Montserrat,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}a{color:#000;text-decoration:none;transition:color .4s cubic-bezier(.215,.61,.355,1)}button{font-family:Pretendard;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;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{position:relative;width:1140px;margin:0 auto}.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:1061px;z-index:1}.wrap .visual:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;width:2560px;height:100%;background-image:image-set(url(../img/visual_bg.webp) type("image/webp"),url(../img/visual_bg.jpg) type("image/jpeg"))}.wrap .visual .area .box .title{position:absolute;left:calc(50% - 574px);top:98px;width:1149px;height:240px;background-image:image-set(url(../img/visual_title.webp) type("image/webp"),url(../img/visual_title.png) type("image/png"));opacity:0;transform:translateY(-30px);transition:opacity .5s ease .2s,transform .5s ease .2s;z-index:2}.wrap .visual .area .box a{position:absolute;top:314px;left:calc(50% + 315px);width:256px;height:70px;background-image:image-set(url(../img/visual_link.webp) type("image/webp"),url(../img/visual_link.png) type("image/png"));opacity:0;transform:translateY(-20px);transition:opacity .5s ease .45s,transform .5s ease .45s;z-index:5}.wrap .visual .area .box:before{content:"";position:absolute;left:calc(50% - 275px);bottom:29px;width:288px;height:668px;background:image-set(url(../img/visual_ch1.webp) type("image/webp"),url(../img/visual_ch1.png) type("image/png")) no-repeat 0 0;z-index:1;opacity:0;transform:translate(-20px);transition:opacity .6s linear .45s,transform .55s cubic-bezier(.39,.71,.11,1.36) .45s}.wrap .visual .area .box:after{content:"";position:absolute;left:calc(50% - 39px);bottom:55px;width:269px;height:704px;background:image-set(url(../img/visual_ch2.webp) type("image/webp"),url(../img/visual_ch2.png) type("image/png")) no-repeat 0 0;opacity:0;transform:translate(20px);transition:opacity .6s linear .45s,transform .55s cubic-bezier(.39,.71,.11,1.36) .45s}.wrap .visual .area:before{content:"";position:absolute;left:calc(50% - 498px);bottom:44px;width:201px;height:345px;background:image-set(url(../img/visual_ch3.webp) type("image/webp"),url(../img/visual_ch3.png) type("image/png")) no-repeat 0 0;opacity:0;transform:translate(-20px);transition:opacity .6s linear .7s,transform .55s cubic-bezier(.39,.71,.11,1.36) .7s}.wrap .visual .area:after{content:"";position:absolute;left:calc(50% + 121px);bottom:29px;width:335px;height:578px;background:image-set(url(../img/visual_ch4.webp) type("image/webp"),url(../img/visual_ch4.png) type("image/png")) no-repeat 0 0;opacity:0;transform:translate(20px);transition:opacity .6s linear .7s,transform .55s cubic-bezier(.39,.71,.11,1.36) .7s}.wrap .visual .area .picture:before{content:"";position:absolute;left:calc(50% - 528px);bottom:397px;width:144px;height:153px;background:image-set(url(../img/visual_deco1.webp) type("image/webp"),url(../img/visual_deco1.png) type("image/png")) no-repeat 0 0;opacity:0;animation:slideUp .6s ease-out 1s forwards,floating 4s ease-in-out 1.6s infinite;transition:opacity .5s linear 1.2s}.wrap .visual .area .picture:after{content:"";position:absolute;left:calc(50% + 433px);bottom:383px;width:143px;height:151px;background:image-set(url(../img/visual_deco2.webp) type("image/webp"),url(../img/visual_deco2.png) type("image/png")) no-repeat 0 0;opacity:0;animation:slideUp .6s ease-out 1.2s forwards,floating 4s ease-in-out 1.8s infinite;transition:opacity .6s linear 1.3s}.wrap .visual .area .picture span:before{content:"";position:absolute;left:calc(50% + 158px);bottom:547px;width:149px;height:155px;background:image-set(url(../img/visual_deco3.webp) type("image/webp"),url(../img/visual_deco3.png) type("image/png")) no-repeat 0 0;opacity:0;animation:slideUp .6s ease-out 1.1s forwards,floating 4s ease-in-out 1.7s infinite;transition:opacity .5s linear 1.2s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}@keyframes floating{0%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-12px) rotate(1deg)}50%{transform:translateY(-6px) rotate(-.5deg)}75%{transform:translateY(-14px) rotate(1.5deg)}to{transform:translateY(0) rotate(-1deg)}}.wrap .visual .area [class*=star]:before,.wrap .visual .area [class*=star]:after{content:"";position:absolute;opacity:0}.wrap .visual .area .star1:before{left:calc(50% - 550px);bottom:250px;width:37px;height:34px;background:image-set(url(../img/visual_star1.webp) type("image/webp"),url(../img/visual_star1.png) type("image/png")) no-repeat 0 0;animation:starPulse 2s ease-in-out .8s infinite}.wrap .visual .area .star1:after{left:calc(50% - 385px);bottom:334px;width:67px;height:63px;background:image-set(url(../img/visual_star2.webp) type("image/webp"),url(../img/visual_star2.png) type("image/png")) no-repeat 0 0;animation:starPulse 2s ease-in-out .9s infinite}.wrap .visual .area .star2:before{left:calc(50% - 290px);bottom:526px;width:42px;height:44px;background:image-set(url(../img/visual_star6.webp) type("image/webp"),url(../img/visual_star6.png) type("image/png")) no-repeat 0 0;animation:starPulse 2s ease-in-out 1s infinite}.wrap .visual .area .star2:after{left:calc(50% + 136px);bottom:422px;width:45px;height:42px;background:image-set(url(../img/visual_star3.webp) type("image/webp"),url(../img/visual_star3.png) type("image/png")) no-repeat 0 0;animation:starPulse 2s ease-in-out 1.1s infinite}.wrap .visual .area .star3:before{left:calc(50% + 178px);bottom:476px;width:34px;height:32px;background:image-set(url(../img/visual_star4.webp) type("image/webp"),url(../img/visual_star4.png) type("image/png")) no-repeat 0 0;animation:starPulse 2s ease-in-out 1.2s infinite}.wrap .visual .area .star3:after{left:calc(50% + 464px);bottom:298px;width:52px;height:54px;background:image-set(url(../img/visual_star5.webp) type("image/webp"),url(../img/visual_star5.png) type("image/png")) no-repeat 0 0;animation:starPulse 2s ease-in-out 1.3s infinite}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes starPulse{0%,to{transform:scale(1) rotate(0);opacity:0}50%{transform:scale(1.3) rotate(15deg);opacity:.5}}.wrap .visual.on .box .title,.wrap .visual.on .box a{opacity:1;transform:translateY(0)}.wrap .visual.on .box .picture:before,.wrap .visual.on .box .picture:after,.wrap .visual.on .box .picture span:before{opacity:1}.wrap .visual.on .area:before,.wrap .visual.on .area:after,.wrap .visual.on .box:before,.wrap .visual.on .box:after{opacity:1;transform:translate(0)}.wrap .cont_01{padding:154px 0 0}.wrap .cont_01:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_01 .panel1{padding:138px 0 139px}.wrap .cont_01 .panel1 .sub_title{width:413px;height:188px}.wrap .cont_01 .panel1 .txt{margin-top:18px;font-size:18px;line-height:25px;color:#b6d8eb;letter-spacing:-.025em}.wrap .cont_01 .panel1 .item{position:relative;width:550px;height:360px;margin-top:24px;border-radius:8px}.wrap .cont_01 .panel1 .item .swiper-pagination{top:31px;right:15px;left:auto;width:auto;display:flex;flex-direction:column;gap:14px 0}.wrap .cont_01 .panel1 .item .swiper-pagination .swiper-pagination-bullet{position:relative;width:220px;height:90px;margin:0;padding:0 1px 0 11px;font-weight:600;font-size:18px;line-height:23px;color:#999;letter-spacing:-.05em;text-align:left;border:4px solid #111;border-radius:11px;background:#111;display:flex;align-items:center;opacity:1}.wrap .cont_01 .panel1 .item .swiper-pagination .swiper-pagination-bullet:after{content:"";width:80px;height:80px;margin-left:auto}.wrap .cont_01 .panel1 .item .swiper-pagination .swiper-pagination-bullet-active{color:#fff;border-color:#3ffdff}.wrap .cont_01 .panel1 .item .swiper-pagination .swiper-pagination-bullet-active:before{content:"";position:absolute;left:-12px;top:calc(50% - 10px);width:19px;height:20px}.wrap .cont_01 .panel1 .show{position:absolute;right:-80px;top:0;width:710px;height:1093px}.wrap .cont_01 .panel1 .show .swiper-slide{opacity:0!important}.wrap .cont_01 .panel1 .show .swiper-slide-active{opacity:1!important}.wrap .cont_01 .panel1 .show .swiper-pagination{bottom:-19px;z-index:10}.wrap .cont_01 .panel1 .show .swiper-pagination .swiper-pagination-bullet{width:60px;height:12px;margin:0 5px;border-radius:50px;opacity:.5;background-color:#fff}.wrap .cont_01 .panel1 .show .swiper-pagination .swiper-pagination-bullet-active{background-color:#3ffdff;opacity:1}.wrap .cont_01 .panel1 .group{margin-top:102px;padding:0 20px;width:549px;height:100px;font-weight:700;font-size:25px;letter-spacing:-.03em;border-radius:30px 0;background-color:#fff;display:flex;align-items:center;justify-content:end;box-sizing:border-box}.wrap .cont_01 .panel1 .group b{margin-right:10px;font-size:30px;letter-spacing:0}.wrap .cont_01 .panel1 .group a{margin-left:40px}.wrap .cont_01 .panel1 .group a span{width:220px;height:66px;font-weight:700;font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#552eff 0,#5a2eff 24%,#6d36ff 72%,#763bed);transition:transform .3s}.wrap .cont_01 .panel1 .group a:hover span{transform:translateY(-5px)}.wrap .cont_01:not(.lazy):before{background-image:image-set(url(../img/cont_01_bg.webp) type("image/webp"),url(../img/cont_01_bg.jpg) type("image/jpeg"))}.wrap .cont_01:not(.lazy) .panel1 .sub_title{background-image:image-set(url(../img/cont_01_title.webp) type("image/webp"),url(../img/cont_01_title.png) type("image/png"))}.wrap .cont_01:not(.lazy) .panel1 .item .swiper-slide.ico1{background-image:image-set(url(../img/cont_01_item1.webp) type("image/webp"),url(../img/cont_01_item1.png) type("image/png"))}.wrap .cont_01:not(.lazy) .panel1 .item .swiper-slide.ico2{background-image:image-set(url(../img/cont_01_item2.webp) type("image/webp"),url(../img/cont_01_item2.png) type("image/png"))}.wrap .cont_01:not(.lazy) .panel1 .item .swiper-slide.ico3{background-image:image-set(url(../img/cont_01_item3.webp) type("image/webp"),url(../img/cont_01_item3.png) type("image/png"))}.wrap .cont_01:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet:after{background-image:image-set(url(../img/cont_01_item_ico.webp) type("image/webp"),url(../img/cont_01_item_ico.jpg) type("image/jpeg"))}.wrap .cont_01:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet.ico2:after{background-position-x:-80px}.wrap .cont_01:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet.ico3:after{background-position-x:-160px}.wrap .cont_01:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet-active:before{background-image:image-set(url(../img/swiper_on.webp) type("image/webp"),url(../img/swiper_on.png) type("image/png"))}.wrap .cont_01:not(.lazy) .panel1 .show .swiper-slide.ico1{background-image:image-set(url(../img/cont_01_show1.webp) type("image/webp"),url(../img/cont_01_show1.png) type("image/png"))}.wrap .cont_01:not(.lazy) .panel1 .show .swiper-slide.ico2{background-image:image-set(url(../img/cont_01_show2.webp) type("image/webp"),url(../img/cont_01_show2.png) type("image/png"))}.wrap .cont_01:not(.lazy) .panel1 .show .swiper-slide.ico3{background-image:image-set(url(../img/cont_01_show3.webp) type("image/webp"),url(../img/cont_01_show3.png) type("image/png"))}.wrap .cont_01:not(.lazy) .panel1 .show .swiper-slide.ico4{background-image:image-set(url(../img/cont_01_show4.webp) type("image/webp"),url(../img/cont_01_show4.png) type("image/png"))}.wrap .cont_02{padding:0}.wrap .cont_02:before{content:"";position:absolute;left:calc(50% - 1280px);top:0;bottom:0;width:2560px}.wrap .cont_02 .panel1{padding:179px 0 434px 580px}.wrap .cont_02 .panel1 .sub_title{width:417px;height:119px}.wrap .cont_02 .panel1 .txt{margin-top:18px;font-size:18px;line-height:25px;color:#b6d8eb;letter-spacing:-.025em}.wrap .cont_02 .panel1 .item{position:relative;width:550px;height:459px;margin-top:24px;border-radius:8px}.wrap .cont_02 .panel1 .item .swiper-pagination{top:10px;right:15px;left:auto;width:auto;display:flex;flex-direction:column;gap:10px 0}.wrap .cont_02 .panel1 .item .swiper-pagination .swiper-pagination-bullet{position:relative;width:210px;height:80px;margin:0;padding:0 1px 0 11px;font-weight:600;font-size:18px;line-height:23px;color:#999;letter-spacing:-.05em;text-align:left;border:4px solid #111;border-radius:11px;background:#111;display:flex;align-items:center;opacity:1}.wrap .cont_02 .panel1 .item .swiper-pagination .swiper-pagination-bullet:after{content:"";width:68px;height:68px;margin-left:auto}.wrap .cont_02 .panel1 .item .swiper-pagination .swiper-pagination-bullet-active{color:#fff;border-color:#3ffdff}.wrap .cont_02 .panel1 .item .swiper-pagination .swiper-pagination-bullet-active:before{content:"";position:absolute;left:-12px;top:calc(50% - 10px);width:19px;height:20px}.wrap .cont_02 .panel1 .show{position:absolute;left:-112px;top:0;width:700px;height:1085px}.wrap .cont_02 .panel1 .show .swiper-slide{opacity:0!important}.wrap .cont_02 .panel1 .show .swiper-slide-active{opacity:1!important}.wrap .cont_02 .panel1 .show .swiper-pagination{bottom:-19px;z-index:10}.wrap .cont_02 .panel1 .show .swiper-pagination .swiper-pagination-bullet{width:60px;height:12px;margin:0 5px;border-radius:50px;opacity:.5;background-color:#fff}.wrap .cont_02 .panel1 .show .swiper-pagination .swiper-pagination-bullet-active{background-color:#3ffdff;opacity:1}.wrap .cont_02 .panel1 .group{margin-top:90px;padding:0 20px;width:549px;height:100px;font-weight:700;font-size:25px;letter-spacing:-.03em;border-radius:30px 0;background-color:#fff;display:flex;align-items:center;justify-content:end;box-sizing:border-box}.wrap .cont_02 .panel1 .group b{margin-right:10px;font-size:30px;letter-spacing:0}.wrap .cont_02 .panel1 .group a{margin-left:40px}.wrap .cont_02 .panel1 .group a span{width:220px;height:66px;font-weight:700;font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#552eff 0,#5a2eff 24%,#6d36ff 72%,#763bed);transition:transform .3s}.wrap .cont_02 .panel1 .group a:hover span{transform:translateY(-5px)}.wrap .cont_02:not(.lazy):before{background-image:image-set(url(../img/cont_02_bg.webp) type("image/webp"),url(../img/cont_02_bg.jpg) type("image/jpeg"))}.wrap .cont_02:not(.lazy) .panel1 .sub_title{background-image:image-set(url(../img/cont_02_title.webp) type("image/webp"),url(../img/cont_02_title.jpg) type("image/jpeg"))}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-slide.ico1{background-image:image-set(url(../img/cont_02_item1.webp) type("image/webp"),url(../img/cont_02_item1.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-slide.ico2{background-image:image-set(url(../img/cont_02_item2.webp) type("image/webp"),url(../img/cont_02_item2.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-slide.ico3{background-image:image-set(url(../img/cont_02_item3.webp) type("image/webp"),url(../img/cont_02_item3.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-slide.ico4{background-image:image-set(url(../img/cont_02_item4.webp) type("image/webp"),url(../img/cont_02_item4.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-slide.ico5{background-image:image-set(url(../img/cont_02_item5.webp) type("image/webp"),url(../img/cont_02_item5.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet:after{background-image:image-set(url(../img/cont_02_item_ico.webp) type("image/webp"),url(../img/cont_02_item_ico.jpg) type("image/jpeg"))}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet.ico2:after{background-position-x:-68px}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet.ico3:after{background-position-x:-136px}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet.ico4:after{background-position-x:-204px}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet.ico5:after{background-position-x:-272px}.wrap .cont_02:not(.lazy) .panel1 .item .swiper-pagination .swiper-pagination-bullet-active:before{background-image:image-set(url(../img/swiper_on.webp) type("image/webp"),url(../img/swiper_on.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .show .swiper-slide.ico1{background-image:image-set(url(../img/cont_02_show1.webp) type("image/webp"),url(../img/cont_02_show1.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .show .swiper-slide.ico2{background-image:image-set(url(../img/cont_02_show2.webp) type("image/webp"),url(../img/cont_02_show2.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .show .swiper-slide.ico3{background-image:image-set(url(../img/cont_02_show3.webp) type("image/webp"),url(../img/cont_02_show3.png) type("image/png"))}.wrap .cont_02:not(.lazy) .panel1 .show .swiper-slide.ico4{background-image:image-set(url(../img/cont_02_show4.webp) type("image/webp"),url(../img/cont_02_show4.png) type("image/png"))}.wrap .bokeh-a{position:absolute;left:30%;right:30%;bottom:50px}.wrap .bokeh-a i{position:absolute;bottom:10px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 20%,var(--glow-color) 50%,transparent 100%);filter:blur(1px);opacity:0;z-index:10}.wrap .bokeh-a i:nth-child(1){left:6%;width:6px;height:6px;--glow-color: rgba(200, 240, 255, 1);box-shadow:0 0 4px 2px #3ffdfff2;--drift:-22px;animation:riseA 11s ease-in-out 0s infinite both}.wrap .bokeh-a i:nth-child(2){left:72%;width:7px;height:7px;--glow-color: rgba(60, 140, 200, .8);box-shadow:0 0 4px 2px #3c8cc880;--drift: 18px;animation:riseA 12.5s ease-in-out 3.2s infinite both}.wrap .bokeh-a i:nth-child(3){left:38%;width:5px;height:5px;--glow-color: rgba(130, 210, 240, .8);box-shadow:0 0 4px 2px #82d2f080;--drift: 25px;animation:riseA 7s ease-in-out 1.5s infinite both}.wrap .bokeh-a i:nth-child(4){left:85%;width:6px;height:6px;--glow-color: rgba(80, 160, 230, .8);box-shadow:0 0 4px 2px #50a0e680;--drift:-20px;animation:riseA 5.5s ease-in-out .8s infinite both}.wrap .bokeh-a i:nth-child(5){left:52%;width:4px;height:4px;--glow-color: rgba(255, 255, 255, 1);box-shadow:0 0 8px 4px #b4e1facc;--drift: 15px;animation:riseA 4s ease-in-out 2.2s infinite both}.wrap .bokeh-a i:nth-child(6){left:22%;width:4px;height:4px;--glow-color: rgba(50, 120, 200, .9);box-shadow:0 0 3px 2px #3278c880;--drift:-18px;animation:riseA 3.5s ease-in-out 5s infinite both}.wrap .bokeh-a i:nth-child(7){left:5%;width:7px;height:7px;--glow-color: rgba(110, 190, 230, .8);box-shadow:0 0 5px 2px #120fd680;--drift:-28px;animation:riseA-shrink 8s ease-in-out 1s infinite both}.wrap .bokeh-a i:nth-child(8){left:60%;width:6px;height:6px;--glow-color: rgba(223, 233, 241, .8);box-shadow:0 0 4px 2px #3ffdfff2;--drift: 20px;animation:riseA-shrink 6s ease-in-out 4.2s infinite both}.wrap .bokeh-a i:nth-child(9){left:45%;width:2px;height:2px;--glow-color: rgba(200, 240, 255, 1);box-shadow:0 0 4px 2px #dcf5fff2,0 0 5px 5px #3683f5a6;--drift: 14px;animation:riseA-grow 9s ease-out 2.8s infinite both}.wrap .bokeh-a i:nth-child(10){left:30%;width:6px;height:6px;--glow-color: rgba(90, 170, 225, .8);box-shadow:0 0 4px 2px #5aaae180;--drift:-24px;animation:riseA-grow 7.5s ease-out .4s infinite both}.wrap .bokeh-a i:nth-child(11){left:10%;width:6px;height:6px;--glow-color: rgba(120, 200, 240, .8);box-shadow:0 0 4px 2px #78c8f080;--drift:-90px;animation:riseA-wide 7s ease-in-out 1.8s infinite both}.wrap .bokeh-a i:nth-child(12){left:55%;width:7px;height:7px;--glow-color: rgba(135, 185, 243, .8);box-shadow:0 0 4px 2px #3c82d280;--drift: 95px;animation:riseA-wide 8.5s ease-in-out 3.5s infinite both}.wrap .bokeh-a i:nth-child(13){left:78%;width:5px;height:5px;--glow-color: rgba(152, 204, 209, .8);box-shadow:0 0 3px 2px #98ccd180;--drift:-80px;animation:riseA-wide 9.5s ease-in-out 6s infinite both}.wrap .bokeh-a i:nth-child(14){left:99%;width:6px;height:6px;--glow-color: rgba(80, 155, 220, .8);box-shadow:0 0 4px 2px #509bdc80;--drift: 85px;animation:riseA-wide 10s ease-in-out 2.4s infinite both}@keyframes riseA{0%{transform:translateY(0) translate(0) scale(1);opacity:0}12%{opacity:0}42%{opacity:.25}62%{opacity:1}82%{opacity:.15}to{transform:translateY(-90px) translate(var(--drift, 0px)) scale(1);opacity:0}}@keyframes riseA-shrink{0%{transform:translateY(0) translate(0) scale(1);opacity:0}15%{opacity:1}50%{opacity:.5;transform:translateY(-45px) translate(calc(var(--drift, 0px) * .5)) scale(.7)}to{transform:translateY(-150px) translate(var(--drift, 0px)) scale(0);opacity:0}}@keyframes riseA-grow{0%{transform:translateY(0) translate(0) scale(1);opacity:0}18%{opacity:1}60%{opacity:.35}to{transform:translateY(-85px) translate(var(--drift, 0px)) scale(1.5);opacity:0}}@keyframes riseA-wide{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:1}55%{opacity:.4}to{transform:translateY(-50px) translate(var(--drift, 0px));opacity:0}}.wrap .cont_03{padding-bottom:89px;background-color:#13acdb}.wrap .cont_03 .panel1>p{height:160px;font-weight:600;font-size:25px;color:#fff;letter-spacing:-.04em;text-indent:58px;display:flex;align-items:center;box-sizing:border-box}.wrap .cont_03:not(.lazy) .panel1>p{background-image:image-set(url(../img/cont_03_bnr.webp) type("image/webp"),url(../img/cont_03_bnr.png) type("image/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}.wrap .aside .quick>li>a{width:229px;height:70px;padding-left:17px;font-weight:600;font-size:18px;color:#222;letter-spacing:-.05em;background-repeat:no-repeat;display:flex;align-items:center;overflow:hidden;transition:all .3s;box-sizing:border-box}.wrap .aside .quick>li:hover>a{font-weight:700}.wrap .aside .quick>li.on>a{font-weight:700}.wrap .aside .quick>li+li{margin-top:3px}.wrap .aside .btn_top{position:relative;width:100px;height:60px;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: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% - 1280px)}}.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)}