@charset "utf-8";

body{background:#f1f1f1;}

#wrap{}
#wrap .inner{width:1200px;margin:0 auto;max-width:100%;}

#header{position: fixed;top: 0;left: 50%;z-index: 100;width: 100%;max-width: 100%;transform: translateX(-50%);background: linear-gradient(180deg, rgba(71 71 71 / 60%) 0%, rgba(0, 0, 0, 0) 100%);padding-bottom: 20px;}
#header .inner{display:flex;align-items:center;height:48px;}
#header .logo{position: absolute;z-index:2;top: 50%;left: 20px;display: flex;align-items: center;transform: translateY(-50%);}
#header .logo a{display:flex;align-items:center;justify-content:center;width: auto;height: 14px;aspect-ratio: 79 / 14;}
#header .logo img{display:block;width: 100%;object-fit: contain;}
#header .button{position: absolute;z-index:2;top: 50%;right: 20px;display: flex;align-items: center;transform: translateY(-50%);}
#header .button > a{display:flex;align-items:center;justify-content:center;padding: 9px 12px;border-radius:32px;background:rgb(255 255 255 / 10%);line-height: 1;font-size:13px;font-weight:500;color:rgb(255 255 255 / 70%);}

#footer{position:relative;background: #0D0D1A;}
#footer .footer{margin:0 auto;padding:32px 20px 48px;border-bottom:1px solid rgb(255 255 255 / 10%);width:1200px;max-width:100%;}
#footer .footer .logo{margin:0 0 16px;}
#footer .footer .info{display:flex;flex-direction:column;gap:12px;}
#footer .footer .info dl{display:flex;align-items:center;gap:12px;}
#footer .footer .info dt{width:14px;height:14px;display:flex;align-items:center;justify-content:center;}
#footer .footer .info dd{line-height:18px;font-size:12px;font-weight:400;color:rgb(255 255 255 / 70%);}
#footer .bottom{margin:0 auto;padding:20px 20px 48px;width:1200px;max-width:100%;}
#footer .bottom .link{margin:0 0 12px;display:flex;gap:12px;}
#footer .bottom .link a{display:block;line-height:16px;font-size:11px;font-weight:400;color:rgb(255 255 255 / 30%);}
#footer .bottom .info{line-height:16px;font-size:10px;font-weight:400;color:rgb(255 255 255 / 20%);}
#footer .bottom .info > div{display:flex;flex-wrap:wrap;}
#footer .bottom .info > div span{display:flex;align-items:center;}
#footer .bottom .info > div span:after{content:'';width:1px;height:10px;margin:0 6px;background:rgb(255 255 255 / 30%);}
#footer .bottom .info > div span:last-of-type:after{display:none;}
#footer .bottom .cite{line-height:16px;font-size:10px;font-weight:400;color:rgb(255 255 255 / 20%);}

#main{background: #000;}
#main .inner{width:1300px;}
#main .title-box{margin: 0 auto 16px;max-width: 100%;width: 1200px;}
#main .title-box .eng{margin:0 0 12px;line-height:17px;font-size:14px;font-weight:800;color:#007aff;}
#main .title-box .tit{line-height: 30px;font-size:24px;font-weight:700;color:rgb(255 255 255 / 100%);}
#main .title-box .txt{line-height:21px;font-size:13px;font-weight:400;color:rgb(255 255 255 / 60%);}
#main .section{position:relative;margin: 0 auto;width: 1200px;max-width: 100%;}
#main .section.sec-1{width:100%;}
#main .section.sec-3{width:100%;}
#main .section.sec-5{width:100%;overflow: hidden;}
#main .section.sec-6{width:100%;}
#main .section.sec-7{width:100%;}
#main .section.sec-9{width:100%;}
#main .section.sec-10{width:100%;}
#main .visual{position:relative;width:100%;height:100dvh;max-height: 640px;}
#main .visual .video{position:absolute;z-index:1;inset:0;overflow:hidden;}
#main .visual .video video{display:block;width:100%;height:100%;object-fit:cover;}
#main .visual .video .pc{display:none;}
#main .visual .video .mo{display:block;}
#main .visual .text{position:absolute;z-index:3;bottom:0;padding:60px;width: 100%;text-align: center;}
#main .visual .text .tit{position:relative;height:38px;margin:0 0 18px;line-height:38px;font-size:32px;font-weight:700;color:#fff;overflow:hidden;text-align: center;}
#main .visual .text .tit span{position: absolute;inset: 0;transform:translateY(38px);opacity:0;visibility:hidden;transition:all 0.5s;}
#main .visual .text .tit span.on{transform:translateY(0px);opacity:1;visibility:visible;}
#main .visual .text .tit span.off{transform:translateY(0px);opacity:0;visibility:hidden;}
#main .visual .text .txt{line-height:30px;font-size:24px;font-weight:400;color:#fff;opacity:0.8;}
#main .visual .dim{position:absolute;inset:0;z-index:2;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.98%, #000000 85.19%),linear-gradient(0deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37));}
#main .goal{position:relative;padding:40px 0 60px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:45px;}
#main .goal .title{display:flex;flex-direction:column;gap:12px;}
#main .goal .title .txt{line-height:19px;font-size:16px;font-weight:500;color:#aaa;}
#main .goal .title .tit{}
#main .goal .title .tit img{max-width:100%;height:auto;}
#main .goal .text{line-height:25px;font-size:16px;font-weight:500;color:#aaa;}
#main .goal .image{width:2px;height:300px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) -9.68%, #FFFFFF 53.37%, rgba(255, 255, 255, 0) 117.65%);}
#main .platform{position:relative;padding: 60px 0 30px;overflow:hidden;}
#main .platform .text{display:none;}
#main .platform .title{margin:0 0 50px;line-height:30px;font-size:24px;font-weight:700;color:#fff;text-align:center;}
#main .platform .title span{color:#007aff;}
#main .platform .slider{text-align:center;padding: 0 20px;m,ar: 0;pointer-events: none;}
#main .platform .slider ul{transition-timing-function: linear !important;}
#main .platform .slider li{width:auto;max-width:55px;display:flex;flex-direction:column;align-items:center;}
#main .platform .slider .img{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:55px;overflow:hidden;background:#000;}
#main .platform .slider .img img{display:block;width:100%;height:100%;object-fit:cover;}
#main .platform .slider .tit{margin:8px 0 0 0;line-height:15px;font-size:12px;color:#fff;white-space:nowrap;}
#main .service{position:relative;padding: 60px 20px 25px;}
#main .service .list{}
#main .service .list ul{display:flex;flex-direction:column;gap:12px;}
#main .service .list li{padding:10px;border-radius:10px;background:#1e1e1e;}
#main .service .list li .head{display:flex;align-items:center;gap:12px;cursor: pointer;}
#main .service .list li .head .img{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:rgb(0 122 255 / 15%);display:flex;align-items:center;justify-content:center;}
#main .service .list li .head .tit{flex:1;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;padding:0 2px;font-size:16px;font-weight:700;color:#fff;overflow: hidden;}
#main .service .list li .head .ico{flex: 0 auto;width: 40px;height: 40px;display:flex;align-items:center;justify-content:center;}
#main .service .list li .head .ico:before{content:'';display:block;width:18px;height:10px;background:url("../img/ic_dropdown.svg") no-repeat center / contain;transition:all 0.5s;}
#main .service .list li .cont{padding:20px 0 0;display: none;}
#main .service .list li .cont .desk{display: flex;align-items: center;margin: 0 0 25px;padding: 0 0 25px;border-bottom: 1px solid #333;display: none;}
#main .service .list li .cont .desk .ico{flex: 0 0 auto;width: 56px;height: 56px;border-radius: 14px;background: rgb(49 130 246 / 15%);display: flex;align-items: center;justify-content: center;}
#main .service .list li .cont .desk .ico img{}
#main .service .list li .cont .desk .con{flex: 1;padding: 0 0 0 16px;}
#main .service .list li .cont .desk .con .number{line-height: 21px;font-size: 14px;font-weight: 700;color: #3182f6;}
#main .service .list li .cont .desk .con .name{line-height: 34px;font-size: 24px;font-weight: 700;color: #ffff;}
#main .service .list li .text{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:12px;background:#5b5b5b;padding:20px;}
#main .service .list li .text + .text{margin-top:12px;}
#main .service .list li .text .tit{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 16px;min-width: 104px;height:38px;border-radius:38px;font-size:14px;font-weight:700;color:#007aff;border:1px solid #007aff;background:#d7eaff;}
#main .service .list li .text .txt{line-height:21px;font-size:14px;font-weight:400;color:#fff;}
#main .service .list li .bottom{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;display: none;}
#main .service .list li .bottom span{flex:0 0 auto;font-size:12px;font-weight:500;color:#555;}
#main .service .list li .bottom:before{content:'';flex:1;height:2px;background: linear-gradient(90deg, rgba(124, 111, 255, 0.3) 0%, rgba(0, 0, 0, 0) 100%);}
#main .service .list li .bottom:after{content:'';flex:1;height:2px;background: linear-gradient(270deg, rgba(124, 111, 255, 0.3) 0%, rgba(0, 0, 0, 0) 100%);}
#main .service .list li.on .head .ico:before{transform:rotate(180deg);}
#main .ai{padding:25px 20px;overflow: hidden;}
#main .ai .title{margin:0 0 36px;text-align:center;}
#main .ai .title .tit{margin:0 0 15px;line-height:30px;font-size:24px;font-weight:700;color:#fff;}
#main .ai .title .tit span{color:#007aff;}
#main .ai .title .txt{line-height:20px;font-size:13px;font-weight:400;color:rgb(255 255 255 / 40%);}
#main .ai .list{display:flex;flex-direction:column;align-items: center;gap:20px;}
#main .ai .list:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:100px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);z-index: 5;}
#main .ai .list.desktop{display:none;}
#main .ai .list ul{display:flex;align-items:center;justify-content: flex-start;gap:12px;width:1720px;margin:0 auto;max-width: 100%;}
#main .ai .list ul:nth-child(1){transform: translateX(-166px);}
#main .ai .list ul:nth-child(2){transform: translateX(-102px);}
#main .ai .list ul:nth-child(3){transform: translateX(-156px);}
#main .ai .list ul:nth-child(4){transform: translateX(-148px);}
#main .ai .list li{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding: 0 24px;height:38px;border-radius:38px;background:#4a4b4e;box-shadow:4px 4px 10px rgb(0 0 0 / 10%);font-size:14px;font-weight:700;color:#fff;}
#main .change{position:relative;padding: 60px 20px 25px;}
#main .change .mobile{}
#main .change .mobile .tab{margin: 0 auto 24px;display: flex;align-items: center;gap: 70px;width: 1200px;max-width: 100%;}
#main .change .mobile .tab .tab-item{position:relative;display: flex;align-items: center;justify-content: center;padding: 0 10px;height: 38px;border-radius: 8px;background: #bababa;font-size: 14px;font-weight: 700;color: #575757;}
#main .change .mobile .tab .tab-item.on{background: #fff;color: #007aff;}
#main .change .mobile .tab .tab-item:after{content:'';position:absolute;top: 6px;left:calc(100% + 23px);width:24px;height:24px;background:url("../img/ic_tab_arrow.svg") no-repeat center / contain;pointer-events: none;animation:moveX 2s infinite;}
#main .change .mobile .tab .tab-item:last-of-type:after{display:none;}
#main .change .tab-box{display:none;margin: 0 auto;width: 1200px;max-width: 100%;}
#main .change .tab-box.on{display:block}
#main .change .tab-box ul{display:flex;flex-direction:column;gap:16px;}
#main .change .tab-box li{position:relative;}
#main .change .tab-box li .img{position:relative;border-radius:12px;overflow:hidden;}
#main .change .tab-box li .img img{width:100%;height:auto;}
#main .change .tab-box li .img1:before{content:'';position:absolute;inset:0;top: 50%;background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 90%) 100%);}
#main .change .tab-box li .img2:before{content:'';position:absolute;inset:0;top: 50%;background: linear-gradient(180deg, rgb(215 234 255 / 0%) 0%,rgb(215 234 255 / 90%) 50%, rgb(215 234 255 / 100%) 100%);}
#main .change .tab-box li .txt{position:absolute;bottom:0;left:0;width:100%;padding: 20px 14px 16px;}
#main .change .tab-box li .txt .txt1{line-height:24px;font-size:20px;font-weight:700;color:#fff;}
#main .change .tab-box li .txt .txt2{margin: 0 0 6px;line-height: 18px;font-size: 15px;font-weight:700;color: #3b3b3b;}
#main .change .tab-box li .txt .txt3{line-height:24px;font-size:20px;font-weight: 700;color: #186ae0;}
#main .change .tab-box li .cat{position:absolute;top: -14px;right:10px;display:flex;align-items:center;justify-content:center;padding:0 10px;height:38px;border-radius:12px;background:#007aff;box-shadow:0 4px 10px rgb(0 0 0 / 25%);font-size:16px;font-weight:700;color:#fff;}
#main .change .desktop{display:none;}
#main .change .desktop .tab{margin: 0 auto 60px;display: flex;align-items: center;justify-content: center;gap: 8px;width: 1200px;max-width: 100%;}
#main .change .desktop .tab .tab-item{position:relative;display: flex;align-items: center;justify-content: center;padding: 0 24px;height: 48px;border-radius: 48px;background: transparent;border: 1px solid rgb(255 255 255 / 10%);font-size: 14px;font-weight: 700;color: rgb(255 255 255 / 40%);}
#main .change .desktop .tab .tab-item.on{background:#3182f6;border-color:#3182f6;color:#fff;}
#main .change .desktop .tab-box{}
#main .change .desktop .tab-box ul{display:flex;flex-direction:row;gap:170px;}
#main .change .desktop .tab-box li{flex:1;position:relative;}
#main .change .desktop .tab-box li:after{content:'';position:absolute;top:50%;left:calc(100% + 49px);width:72px;height:72px;border-radius:72px;background: #3182f6 url("../img/ic_tab_arrow.svg") no-repeat center / 58px auto;transform:translateY(-50%);box-shadow: 0 4px 16px rgb(0 0 0 / 40%);}
#main .change .desktop .tab-box li:last-child:after{display:none;}
#main .change .desktop .tab-box li .img{height:380px;justify-content:flex-start;}
#main .change .desktop .tab-box li .img.h460 img{margin-top:-80px;}
#main .change .desktop .tab-box li .img2.h460:before{top: 62%;}
#main .change .desktop .tab-box li .txt{padding:20px;}
#main .change .desktop .tab-box li .txt .txt1{line-height:1.5;font-size:28px;color: rgb(255 255 255 / 75%);}
#main .change .desktop .tab-box li .txt .txt2{line-height:1.5;font-size:28px;}
#main .change .desktop .tab-box li .txt .txt3{line-height:1.5;font-size:28px;}
#main .change .desktop .tab-box li .cat{height:44px;padding:0 15px;}
#main .change .order{position: relative;margin:0 auto 85px;width:1200px;max-width:100%;}
#main .change .order ul{display:flex;gap:250px;position: relative;}
#main .change .order li{flex:1;}
#main .change .order li .order-txt{text-align:center;margin:0 auto 40px;display:flex;flex-direction:column;align-items:center;}
#main .change .order li .order-txt .txt1{margin:0 0 8px;line-height:22px;font-size:18px;font-weight:500;color:#e4e4e4;}
#main .change .order li .order-txt .txt2{line-height:45px;font-size:24px;font-weight:700;color:#e4e4e4;padding:0 35px;border-radius:8px;}
#main .change .order li .order-txt .txt3{line-height:45px;font-size:24px;font-weight:700;color:#fff;padding:0 35px;border-radius:8px;background:#007AFF;}
#main .change .order li .order-img{width:100%;height:auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
#main .change .order li .order-img img{width:100%;height:auto;}
#main .change .order li:after{content:'';position:absolute;bottom: 30px;left:50%;transform:translateX(-50%);width: 714px;height: auto;aspect-ratio: 35/13;background:url("../img/ic_change_arrow.png") no-repeat center / contain;z-index:10;}
#main .change .order li:last-child:after{display:none;}


#main .change .head{line-height:53px;font-size:44px;font-weight:700;color:#fff;margin:0 0 24px;text-align:center;}
#main .story{position:relative;padding: 60px 20px;overflow:hidden;}
#main .story .slider{margin: 28px auto 0;width: 1200px;max-width: 100%;}
#main .story .slider .swiper-slide{position:relative;border-radius:20px;overflow:hidden;background: linear-gradient(180deg, #2D1B69 0%, #1A1A2E 100%);display: flex;flex-direction: column;}
#main .story .slider .swiper-pagination{position:static;margin:32px 0 0 0;display:flex;align-items:center;justify-content:center;gap:6px;}
#main .story .slider .swiper-pagination .swiper-pagination-bullet{opacity:1;width:6px;height:6px;border-radius:6px;background:#555;transition:all 0.5s;margin:0;}
#main .story .slider .swiper-pagination .swiper-pagination-bullet-active{background:#007aff;width:20px;}
#main .story .slider .img{position:relative;width:100%;height:auto;aspect-ratio:30/22;}
#main .story .slider .img img{display:block;width:100%;height:100%;object-fit:cover;}
#main .story .slider .img:before{content:'';position:absolute;inset:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);}
#main .story .slider .con{padding: 16px 20px 20px;display: flex;flex-direction: column;align-items: flex-start;flex: 1;min-height: 192px;}
#main .story .slider .label{position:absolute;z-index:5;top:10px;left:10px;display:flex;align-items:center;justify-content:center;padding:0 12px;height:32px;border-radius:6px;background:#007aff;font-size:11px;font-weight:700;color:#fff;}
#main .story .slider .category{margin:0 0 12px;display:flex;align-items:center;justify-content:center;padding:0 12px;height:38px;border-radius:6px;background:rgb(255 255 255 / 10%);font-size:13px;font-weight:700;color:#3182F6;}
#main .story .slider .subject{margin:0 0 10px;line-height:28px;font-size:20px;font-weight:700;color:#fff;}
#main .story .slider .desc{line-height:20px;font-size:13px;font-weight:400;color:#b0b0b0;}
#main .counter{position:relative;padding: 60px 20px 50px;overflow:hidden;}
#main .counter .list{}
#main .counter .list ul{display:flex;flex-wrap:wrap;gap:8px;}
#main .counter .list li{position:relative;width:100%;border-radius:16px;background:linear-gradient(135deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%);overflow:hidden;}
#main .counter .list li.w50p{width:calc(50% - 4px);}
#main .counter .list li .medal{position:absolute;top:0;left:0;width: 160px;height: auto;aspect-ratio: 70/35;background:url("../img/medal.png") no-repeat center / contain;}
#main .counter .list li .text{position:absolute;bottom:0;left:0;padding: 16px;display:flex;flex-direction:column;gap:12px;}
#main .counter .list li .text .tit{line-height:1.2;font-size:24px;font-weight:700;color:#ffdc6c;transition:all 0.5s;}
#main .counter .list li .text .tit small{padding: 4px 0 0 0;font-size: 14px;vertical-align: middle;}
#main .counter .list li .text .txt{line-height:1.2;font-size:16px;font-weight:700;color:#fff;transition:all 0.5s;}
#main .counter .list li .icon{position:absolute;}
#main .counter .list li .icon img{width: 100%;}
#main .counter .list li:nth-child(1){height:160px;}
#main .counter .list li:nth-child(1):before{content:'';position:absolute;top:0;right:0;width:160px;height:160px;background:#3182f6;border-radius:160px;opacity:10%;transform:translate(50%,-50%);}
#main .counter .list li:nth-child(1) .text{padding:20px;gap: 0;}
#main .counter .list li:nth-child(1) .icon{bottom: 25px;right: 25px;font-size:40px;font-weight:bold;color:#ffdc6c;transition:all 0.5s;}
#main .counter .list li:nth-child(1) .icon strong{font-size:120px;}
#main .counter .list li:nth-child(2){height:140px;}
#main .counter .list li:nth-child(2) .icon{top: 15px;right: 15px;width:56px;}
#main .counter .list li:nth-child(3){height:140px;}
#main .counter .list li:nth-child(3) .icon{top: -5px;right: 5px;width: 72px;display: flex;align-items: center;justify-content: center;}
#main .counter .list li:nth-child(4){height:120px;}
#main .counter .list li:nth-child(4):before{content:'';position:absolute;top:0;right:0;bottom:0;width:100%;pointer-events:none;background:url("../img/bg_chart.png") no-repeat right center / auto 100%;}
#main .counter.on .list .icon{color:#fff !important;}
#main .counter.on .list .text{}
#main .counter.on .list .text .tit{color:#fff !important;}
#main .counter.on .list .text .txt{color:#fff !important;}
#main .partner{position:relative;padding: 16px 20px 95px;overflow:hidden;}
#main .partner .title{margin:0 auto 50px;}
#main .partner .slider{margin:0 0 26px;}
#main .partner .slider:last-of-type{margin-bottom:0;}
#main .partner .slider ul{transition-timing-function: linear !important;}
#main .partner .slider li{width:auto;}
#main .partner .slider .img{width:160px;height:70px;border-radius:10px;background:#fff;display:flex;justify-content:center;align-items:center;}
#main .partner .slider .img img{max-width:100%;}
#main .inquiry{position:relative;padding: 50px 20px 30px;background: linear-gradient(135deg, #3243FD 0%, #428EE5 50%, #B3D2FF 100%);text-align:center;display:flex;flex-direction:column;align-items:center;}
#main .inquiry .tit{display:flex;flex-direction:column;align-items:center;line-height:30px;font-size:24px;font-weight:700;color:#fff;margin:0 0 25px;}
#main .inquiry .tit:before{content:'';margin: 0 auto 12px;width:28px;height:28px;background:url("../img/sparkles.svg") no-repeat center / contain;}
#main .inquiry .txt{line-height:21px;font-size:11px;font-weight:400;color:rgb(255 255 255 / 70%);}
#main .inquiry .act{margin:45px 0 0;display:flex;align-items:center;justify-content:center;}
#main .inquiry .act a{display:flex;align-items:center;justify-content:center;gap:20px;padding:0 35px;height:45px;border-radius:15px;background:#fff;box-shadow: 0px 4px 6px -4px #0000001A;box-shadow: 0px 10px 15px -3px #0000001A;}
#main .inquiry .act a span{font-size:14px;font-weight:700;color:#007aff;}
#main .inquiry .act a i{width:16px;height:16px;background:url("../img/ic_btn_arrow.svg") no-repeat center / contain;}

#main .popup-consult-form{position:fixed;z-index:101;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 20px;opacity: 0;visibility: hidden;}
#main .popup-consult-form.active{opacity:1;visibility:visible;transition: all 0.5s;}
#main .popup-consult-form.active inner{transform:translateY(0);}
#main .popup-consult-form .inner{position: relative;z-index:2;width:460px;max-width: 100%;max-height: calc(100dvh - 40px);border-radius:16px;background:#1b1b1b;padding: 20px 20px 38px;overflow-y: auto;transform:translateY(50px);transition:all 0.5s;}
#main .popup-consult-form .title{margin: 0 0 21px;}
#main .popup-consult-form .title .tit{line-height: 34px;font-size:24px;font-weight:700;color:#fff;}
#main .popup-consult-form .title .txt{margin: 10px 0 0 0;line-height: 22px;font-size: 16px;font-weight:700;color: #8f8f8f;}
#main .popup-consult-form .close{position:absolute;z-index: 2;top:20px;right:20px;width: 34px;height: 34px;cursor: pointer;}
#main .popup-consult-form .close:before{content:'';position:absolute;top:50%;left:50%;width:20px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);}
#main .popup-consult-form .close:after{content:'';position:absolute;top:50%;left:50%;width:20px;height:2px;border-radius:2px;background:#fff;transform: translate(-50%,-50%) rotate(135deg);}
#main .popup-consult-form .form{margin: 0 0 34px;}
#main .popup-consult-form .form dl{margin:0 0 28px;}
#main .popup-consult-form .form dt{margin:0 0 8px;display:block;line-height:20px;font-size:14px;font-weight:600;color:#fff;}
#main .popup-consult-form .form dd{}
#main .popup-consult-form .form dd input{display:block;padding:0 16px;width:100%;height: 48px;border-radius:12px;border: 2px solid rgb(153 153 153 / 43%);background:#282828;font-size:16px;font-weight:400;color:#fff;box-shadow:0 1px 2px rgb(0 0 0 / 3%);}
#main .popup-consult-form .form dd input::placeholder{color:rgb(255 255 255 / 100%);}
#main .popup-consult-form .agree{padding: 10px 0;display: flex;align-items: center;}
#main .popup-consult-form .agree label{display: flex;align-items: center;cursor: pointer;}
#main .popup-consult-form .agree label input{display: none;}
#main .popup-consult-form .agree label input ~ i{position:relative;flex: 0 0 auto;display: block;margin: 0 14px 0 0;width: 16px;height: 16px;border-radius: 5px;border: 2px solid rgb(112 115 124 / 40%);}
#main .popup-consult-form .agree label input ~ span{font-size: 16px;font-weight: 700;color: #fff;}
#main .popup-consult-form .agree label input:checked ~ i{background:#007aff;border-color:#007aff;}
#main .popup-consult-form .agree label input:checked ~ i:before{content:'';position:absolute;top: 2px;left: 1px;width:8px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
#main .popup-consult-form .button{margin:10px 0 0;}
#main .popup-consult-form .button button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:40px;border-radius:10px;background:#007aff;font-size:14px;font-weight:700;color:#fff;}
#main .popup-consult-form .dimmed{position:absolute;z-index:1;top:0;left:50%;width: 100%;height:100dvh;background:rgb(0 0 0 / 50%);transform:translateX(-50%);}

@media (max-width:1248px){
    #wrap{margin:0 auto;width: 100%;max-width:100%;min-height: 100dvh;background:#fff;}
}
@media (min-width:1248px){
    #header .inner{position: relative;height:72px;}
    #header .logo{left:0;}
    #header .logo a{height:24px;}

    #main .visual{max-height:800px;}
    #main .visual .video .pc{display:block;}
    #main .visual .video .mo{display:none;}
    #main .visual .text{transform:translateY(50%);bottom:50%;}
    #main .visual .text .tit{font-size:60px;height:72px;line-height:72px;}
    #main .goal{padding:150px 0;}
    #main .goal .text{line-height:32px;font-size:24px;}
    #main .goal .image{width:3px;height:250px;}
    #main .goal .title .txt{line-height:30px;font-size:24px;}
    #main .goal .title .tit img{width:160px;}
    #main .platform{padding:155px 0;}
    #main .platform .text{display:block;line-height:1;font-size:24px;font-weight:400;color:#fff;opacity:0.4;text-align: center;}
    #main .platform .title{line-height:54px;font-size:36px;}
    #main .platform .title br{display:none;}
    #main .platform .slider ul{justify-content: center;transform: unset !important;gap: 44px;}
    #main .platform .slider li{margin:0 !important;max-width: 64px;}
    #main .platform .slider .img{width:64px;height:64px;}
    #main .partner .title-box{padding-inline:20px;}
    #main .service{padding: 32px 20px 300px;}
    #main .service .title{display:flex;flex-direction:column;margin: 0 auto 60px;}
    #main .service .title-box .eng{order:1;line-height: 20px;font-size: 20px;font-weight: 900;margin: 0 0 20px;}
    #main .service .title-box .tit{order:2;margin: 0 0 12px;line-height: 48px;font-size:40px;}
    #main .service .title-box .txt{order:3;line-height: 24px;font-size: 20px;}
    #main .service .list{position:relative;}
    #main .service .list ul{width:440px;max-width:100%;}
    #main .service .list li{padding: 0;background: transparent;}
    #main .service .list li .head{padding:0 20px;height: 80px;border-radius: 14px;overflow: hidden;}
    #main .service .list li .head:before{widthj:16px;font-size:13px;font-weight:700;color:#555;}
    #main .service .list li .head .img{width:44px;height:44px;}
    #main .service .list li .head .ico{width:8px;height:8px;background: #fff !important;border-radius:8px;opacity:0;}
    #main .service .list li .head .ico:before{display:none;}
    #main .service .list li .cont{position:absolute;top:0;left:472px;right:0;padding: 40px;background: #1E1E1E;border-radius: 24px;}
    #main .service .list li .cont .desk{display:flex;}
    #main .service .list li .cont .bottom{display:flex;}
    #main .service .list li.on .head{background:#3182F6;}
    #main .service .list li.on .head:before{color:#fff;}
    #main .service .list li.on .head .img{filter:grayscale(1) brightness(100);}
    #main .service .list li.on .head .ico{opacity:1;}
    #main .service .list li:nth-child(1) .head:before{content:'01';}
    #main .service .list li:nth-child(2) .head:before{content:'02';}
    #main .service .list li:nth-child(3) .head:before{content:'03';}
    #main .service .list li:nth-child(4) .head:before{content:'04';}
    #main .service .list li:nth-child(5) .head:before{content:'05';}
    #main .service .list li:nth-child(6) .head:before{content:'06';}
    #main .service .list li:nth-child(7) .head:before{content:'07';}
    #main .service .list li:nth-child(8) .head:before{content:'08';}
    #main .ai{padding: 0 0 124px;width: 1440px;margin: 0 auto;overflow: unset;}
    #main .ai .title{display:flex;flex-direction:column;margin: 0 0 60px;}
    #main .ai .title .tit{order:2;margin: 0 0 12px;line-height: 48px;font-size:40px;}
    #main .ai .title .tit br{display:none;}
    #main .ai .title .txt{order:1;line-height: 24px;font-size: 20px;margin: 0 0 15px;}
    #main .ai .list{}
    #main .ai .list.mobile{display:none;}
    #main .ai .list.desktop{display:flex;}
    #main .ai .list:before{left: 50%;width:100dvw;height: 232px;background: linear-gradient(180deg, rgba(0, 95, 197, 0) 0%, #005FC5 91.15%);transform: translateX(-50%);}
    #main .ai .list ul:nth-child(1){transform: translateX(0);justify-content:center;}
    #main .ai .list ul:nth-child(2){transform: translateX(0);justify-content:center;}
    #main .ai .list li{font-size:26px;font-weight:600;height:60px;}
    #main .change{padding: 115px 20px 110px;background: linear-gradient(180deg, #005FC5 0%, #000000 100%);}
    #main .change .title{display:flex;flex-direction:column;margin: 0 auto 60px;}
    #main .change .title .tit{order:2;margin: 0 0 12px;line-height: 48px;font-size:40px;}
    #main .change .title .tit br{display:none;}
    #main .change .title .txt{order: 3;line-height: 24px;font-size: 20px;margin: 0 0 15px;}
    #main .change .desktop{display:block;}
    #main .change .mobile{display:none;}
    #main .story{padding: 50px 0;}
    #main .story .title{display:flex;flex-direction:column;margin: 0 auto 60px;}
    #main .story .title .eng{order:1;}
    #main .story .title .tit{order:2;margin: 0 0 12px;line-height: 48px;font-size:40px;}
    #main .story .title .tit br{display:none;}
    #main .story .title .txt{order:3;line-height: 24px;font-size: 20px;margin: 0 0 15px;}
    #main .story .slider .swiper-pagination{margin:60px 0 0 0;}
    #main .story .slider .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;}
    #main .story .slider .swiper-pagination .swiper-pagination-bullet-active{width:24px;}
    #main .counter{padding:67px 0;}
    #main .counter .title{display:flex;flex-direction:column;margin: 0 auto 40px;}
    #main .counter .title .eng{order:1;}
    #main .counter .title .tit{order:2;margin: 0 0 12px;line-height: 48px;font-size:40px;}
    #main .counter .title .txt{order:3;line-height: 24px;font-size: 20px;margin: 0 0 15px;}
    #main .counter .list ul{display:flex;flex-wrap:wrap;gap:20px;}
    #main .counter .list li:nth-child(1){width:calc(50% - 13.33px);height:260px;}
    #main .counter .list li:nth-child(2){width:calc(25% - 13.33px);height:260px;}
    #main .counter .list li:nth-child(3){width:calc(25% - 13.33px);height:260px;}
    #main .counter .list li:nth-child(4){width:calc(100%);height:120px;}
    #main .counter .list li .medal{width: 320px;}
    #main .counter .list li .text{padding:30px;}
    #main .counter .list li .text .tit{line-height:1.1;font-size:32px;}
    #main .counter .list li .text .txt{line-height:1.1;font-size:32px;}
    #main .counter .list li:nth-child(1):before{top: -50px;right: -50px;transform: unset;width: 200px;height: 200px;}
    #main .counter .list li:nth-child(1) .text{padding:30px;gap: 0;}
    #main .counter .list li:nth-child(1) .icon{right:30px;bottom:30px;}
    #main .counter .list li:nth-child(1) .icon strong{font-size:169px;}
    #main .counter .list li:nth-child(2) .text .tit{font-size:50px;display: flex;align-items: center;}
    #main .counter .list li:nth-child(2) .text .tit small{padding: 0;font-size:50px;vertical-align: top;}
    #main .counter .list li:nth-child(2) .icon{width: 60px;top: 15px;right: 25px;}
    #main .counter .list li:nth-child(3) .text .tit{font-size:50px;display: flex;align-items: center;}
    #main .counter .list li:nth-child(3) .text .tit small{padding: 0;font-size:50px;vertical-align: top;}
    #main .counter .list li:nth-child(3) .icon{width:100px;top: -10px;right: 16px;}
    #main .counter .list li:nth-child(4):before{background: url(../img/bg_chart_pc.png) no-repeat right center / 60%;}
    #main .counter .list li:nth-child(4) .text{display:flex;align-items:center;flex-direction: row;gap:20px;}
    #main .counter .list li:nth-child(4) .text .tit{display:flex;align-items:center;font-size:60px;}
    #main .counter .list li:nth-child(4) .text .tit small{padding: 0;font-size:32px;vertical-align: top;}
    #main .counter .list li:nth-child(4) .text .txt{font-size:24px;font-weight:700;line-height:1.2}
    #main .partner{padding:164px 0;}
    #main .partner .title{display:flex;flex-direction:column;margin: 0 auto 40px;}
    #main .partner .title .eng{order:1;}
    #main .partner .title .tit{order:2;margin: 0 0 12px;line-height: 48px;font-size:40px;}
    #main .partner .title .txt{order:3;line-height: 24px;font-size: 20px;margin: 0 0 15px;}
    #main .inquiry{padding:120px 0;}
    #main .inquiry .tit{margin: 0 0 32px;font-size:44px;line-height:66px;}
    #main .inquiry .txt{font-size: 18px;line-height: 27px;}
    #main .inquiry .act a{height:60px;}
    #main .inquiry .act a span{font-size:20px;}
}
@keyframes moveX {
    0%{
        transform: translateX(-10px);
    }
    50%{
        transform: translateX(10px);
    }
    100%{
        transform: translateX(-10px);
    }
}