@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%);}
#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: #000;}
#footer .footer{margin: 0 auto;padding: 48px 24px;border-bottom:1px solid rgb(255 255 255 / 10%);width: 1280px;max-width: 100%;display: flex;flex-direction: column;text-align: left;}
#footer .logo{margin: 0 0 20px;}
#footer .logo img{width:auto;height:24px;}
#footer .telephone{margin: 0 0 20px;padding: 0 0 20px;border-bottom: 1px solid #757575;}
#footer .telephone .txt{display:flex;flex-direction:column;gap:5px;}
#footer .telephone .txt p{display:flex;align-items:center;gap:8px;}
#footer .telephone .txt p svg{}
#footer .telephone .txt p span{font-size:14px;color: rgb(255 255 255 / 70%);}
#footer .link{margin: 72px 0 0;display:flex;gap:12px;justify-content: center;}
#footer .link a{display:block;line-height: 22px;font-size: 16px;font-weight: 500;color: #797979;}
#footer .info{display:flex;flex-direction:column;gap: 8px;line-height:22px;font-size:14px;font-weight:400;color: rgb(255 255 255 / 40%);}
#footer .info > div{display:flex;flex-wrap:wrap;justify-content: flex-start;}
#footer .info > div span{display:flex;align-items:center;}
#footer .info > div span:after{content:'';width:1px;height:10px;margin:0 6px;background: #797979;}
#footer .info > div span:last-of-type:after{display:none;}
#footer .cite{margin: 8px 0 0 0;line-height: 22px;font-size: 14px;font-weight: 400;color: rgb(255 255 255 / 40%);}

#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: 1;font-size: 14px;font-weight:800;color: #fff;letter-spacing: 2px;}
#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: 14px;font-weight:400;color: rgb(255 255 255 / 50%);}
#main .title-box .txt.pc{display:none;}

#main .section{position:relative;margin: 0 auto;}
#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 .text .txt.pc{display:none;}
#main .visual .text .act{margin:32px 0 0 0;display:flex;align-items:center;justify-content:center;}
#main .visual .text .act a{display:flex;align-items:center;justify-content:center;padding: 0 40px;height: 50px;border-radius: 63px;font-size: 18px;font-weight:700;color:#fff;background:rgb(255 255 255 / 10%);box-shadow: 0px 4px 6px -4px rgb(0 0 0 / 10%);box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 10%);}
#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: 21px;}
#main .goal .title .txt{line-height: 24px;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 120px;overflow:hidden;text-align: center;}
#main .platform .text{margin:0 0 12px;line-height:24px;font-size:24px;font-weight:400;color:rgb(255 255 255 / 40%);}
#main .platform .title{margin:0 0 50px;line-height: 38px;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{text-align:center;margin: 0 0 35px;}
#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: 21px;font-size: 14px;font-weight:400;color:rgb(255 255 255 / 40%);}
#main .ai .list{position: relative;display:flex;flex-direction:column;align-items: center;gap:20px;}
#main .ai .list:before{content:'';position:absolute;top: 0;left: -20px;bottom: -25px;right: -20px;background: linear-gradient(180deg, rgb(0 95 197 / 0%) 0%, rgb(0 95 197 / 100%) 91.15%);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(-497px);}
#main .ai .list ul:nth-child(3){transform: translateX(-661px);}
#main .ai .list ul:nth-child(4){transform: translateX(-528px);}
#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 80px;background: linear-gradient(180deg, #005FC5 0%, #000000 100%);}
#main .change .title{margin:0 0 26px;}
#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;aspect-ratio: 32 / 23;}
#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 .tab-box:nth-of-type(2) li:nth-child(4) .img{display: flex;flex-direction: column;justify-content: flex-end;padding: 0 0 77px 0;background:#fff;}
#main .change .tab-box:nth-of-type(3) li:nth-child(4) .img{display: flex;flex-direction: column;justify-content: flex-end;padding: 0 0 50px 0;background: #d9ebff;}
#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: 46px;border-radius: 46px;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;box-shadow: 0px 4px 20px rgb(49 130 246 / 30%);}
#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 20px;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 20px;text-align:center;}

#main .story{position:relative;padding: 60px 20px 25px;overflow:hidden;}
#main .story .title{}
#main .story .title .eng{color:#3182F6}
#main .story .title .tit{margin:0 0 12px;}
#main .story .slider{margin: 28px auto 0;width: 1200px;max-width: 100%;padding: 0 20px 0 0;}
#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;display:flex;align-items:center;justify-content:center;gap:6px;width: calc(100% + 20px);}
#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;height: 56px;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: #aaa;}

#main .counter{position:relative;padding: 80px 20px 50px;overflow:hidden;}
#main .counter .title{margin: 0 auto 46px;}
#main .counter .title .eng{color:#007aff;}
#main .counter .list{display: flex;justify-content: center;}
#main .counter .list ul{display:flex;justify-content: flex-start;}
#main .counter .list li{width:265px;}
#main .counter .list li .img{width:100%;height:auto;aspect-ratio:265/354;}
#main .counter .list li .con{padding:10px 0 0;}
#main .counter .list li .tit{margin:0 0 10px;line-height:22px;font-size:16px;font-weight:800;color:#007aff;letter-spacing: -0.5px;}
#main .counter .list li .txt{line-height:22px;font-size:16px;font-weight:600;color:#797979;letter-spacing: -0.75px;}

#main .partner{position:relative;padding: 16px 20px 95px;overflow:hidden;}
#main .partner .title{margin:0 auto 50px;}
#main .partner .title .eng{color:#007aff;}
#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(98.71deg, #0017E0 0%, #A5CAFC 99.81%);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: 42px;height: 42px;background:url("../img/sparkles.svg") no-repeat center / contain;}
#main .inquiry .tit.pc{display:none;}
#main .inquiry .txt{line-height:21px;font-size: 12px;font-weight:400;color:rgb(255 255 255 / 70%);}
#main .inquiry .txt.pc{display:none;}
#main .inquiry .act{margin: 46px 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: 15px;height: 15px;background:url("../img/ic_btn_arrow.svg") no-repeat center / contain;}

#main .contact{position:relative;padding: 72px 20px 40px;}
#main .contact .inner{display:flex;flex-direction: column;gap: 56px;}
#main .contact .background{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;display: none;}
#main .contact .background img{width:100%;height:100%;object-fit:cover;}
#main .contact .background:before{content:'';position:absolute;inset:0;background:#000;opacity:0.8;}
#main .contact .left{position:relative;z-index:2;width:565px;max-width:100%;}
#main .contact .right{position:relative;z-index:2;width:565px;max-width:100%;}
#main .contact .title{}
#main .contact .title .eng{margin: 0 0 18px;line-height: 24px;font-size: 20px;font-weight:700;color:#007AFF;}
#main .contact .title .tit{line-height: 22px;font-size: 16px;font-weight:700;color:#fff;letter-spacing: -1.8px;}
#main .contact .title .tit span{color:#007AFF;}
#main .contact .title .txt{margin: 8px 0 0;line-height: 18px;font-size: 14px;font-weight: 500;color: #fff;}
#main .contact .link{margin: 35px 0 0;display:flex;flex-direction:column;gap: 15px;}
#main .contact .link a{display:flex;align-items:center;justify-content:center;width: 100%;height: 44px;border-radius: 8px;font-size: 14px;font-weight:700;gap: 10px;}
#main .contact .link a.link-1{background:#007AFF;color:#fff;}
#main .contact .link a.link-2{background:#fff;color:#007AFF;}
#main .contact .link a i{width:24px;height:24px;flex:0 0 auto;}
#main .contact .link a i.ic-down{background:url("../img/ic_down.svg") no-repeat center / contain;}
#main .contact .link a i.ic-share{background:url("../img/ic_share.svg") no-repeat center / contain;}
#main .contact .info{margin: 56px 0 0;display: none;}
#main .contact .info p{display:flex;align-items:center;gap:10px;line-height:44px;font-size:20px;font-weight:400;color:#fff;}
#main .contact .info i{width:24px;height:24px;flex:0 0 auto;}
#main .contact .info i.ic-mail{background:url("../img/ic_mail.svg") no-repeat center / contain;}
#main .contact .info i.ic-tel{background:url("../img/ic_tel.svg") no-repeat center / contain;}
#main .contact .form{display:flex;flex-wrap:wrap;gap:12px;}
#main .contact .form .input{width:100%;}
#main .contact .form .input input{display: block;width:100%;height:41px;border-radius:6px;padding:10px;font-size:14px;font-weight:400;color:#222;background:#fff;border: 0;}
#main .contact .form .input input::placeholder{color:#999;}
#main .contact .form .input select{width:100%;height:41px;border-radius:6px;padding:10px;font-size:14px;font-weight:400;color:#999;background:#fff url("../img/ic_dropdown.svg") no-repeat center right 10px;border: 0;}
#main .contact .form .input select.active{color:#222;}
#main .contact .form .input textarea{display: block;width:100%;height:77px;border-radius:6px;padding:10px;font-size:14px;font-weight:400;color:#222;background:#fff;}
#main .contact .agree{margin: 14px 0 0;}
#main .contact .agree .agree-btn{display: flex;align-items: center;gap: 10px;}
#main .contact .agree .agree-btn .txt{font-size: 14px;font-weight: 500;color: #919191;}
#main .contact .agree .agree-btn .chk{}
#main .contact .agree .agree-btn .chk label{padding:2px;display:flex;align-items:center;gap:10px;cursor: pointer;}
#main .contact .agree .agree-btn .chk label input{display:none;}
#main .contact .agree .agree-btn .chk label input ~ i{position:relative;width:16px;height:16px;border-radius:5px;background: #fff;border: 2px solid #e6e6e6;}
#main .contact .agree .agree-btn .chk label input ~ i:before{content:'';position:absolute;top: 50%;left: 50%;width: 10px;height: 7px;background: url("../img/ic_chk.svg") no-repeat center / contain;transform: translate(-50%,-50%);display:none;}
#main .contact .agree .agree-btn .chk label input ~ span{font-size:14px;font-weight:400;color: #fff;}
#main .contact .agree .agree-btn .chk label input:checked ~ i{background: #333;border-color: #333;}
#main .contact .agree .agree-btn .chk label input:checked ~ i:before{display:block;}
#main .contact .agree .agree-txt{margin:20px 0 0 ;border-radius:12px;background:rgb(255 255 255 / 10%);padding:20px;}
#main .contact .agree .agree-txt p{margin: 0 0 3px;line-height: 21px;font-size:14px;font-weight:500;color:#b7b7b7;word-break:keep-all;}
#main .contact .agree .agree-txt p:last-child{overflow-y:auto;}
#main .contact .agree .agree-txt p span{color: #919191;}
#main .contact .button{margin:20px 0 0;display:flex;align-items:center;justify-content:center;}
#main .contact .button button{display:flex;align-items:center;justify-content:center;text-align:center;width:300px;max-width:100%;height:50px;border-radius:12px;background:#007AFF;font-size:20px;font-weight:700;color:#fff;}

#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{}
    #header .inner{position: relative;height: 72px;width: 1240px;}
    #header .logo{left:0;}
    #header .logo a{height:30px;}
    #header .button{right:0;}
    #header .button a{height: 48px;padding: 0 28px;font-size: 20px;letter-spacing: -1px;}

    #footer .footer{}

    #main{}
    #main .title-box .eng{font-size:20px;line-height:20px;}
    #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 .visual .text .txt{line-height:30px;font-size:24px;}
    #main .visual .text .txt.pc{display:block;}
    #main .visual .text .txt.mo{display:none;}
    #main .visual .text .act{}
    #main .visual .text .act a{font-size: 24px;height: 63px;padding: 0 60px;}

    #main .goal{padding: 120px 0;gap: 60px;}
    #main .goal .text{line-height:32px;font-size:24px;}
    #main .goal .image{width:3px;height:250px;}
    #main .goal .title{gap:24px;}
    #main .goal .title .txt{line-height: 35px;font-size:24px;}
    #main .goal .title .tit img{width: 184px;}

    #main .platform{padding:155px 0;}
    #main .platform .text{margin: 0 0 8px;display:block;line-height:1;font-size:24px;font-weight:400;color:#fff;opacity:0.4;text-align: center;}
    #main .platform .title{margin: 0 0 60px;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 .platform .slider .tit{line-height:18px;font-size:12px;}

    #main .partner .title-box{}

    #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: 83px 0 50px;}
    #main .ai .title{display:flex;flex-direction:column;}
    #main .ai .title .tit{order:2;margin: 0 0 19px;line-height: 54px;font-size: 36px;}
    #main .ai .title .tit br{display:none;}
    #main .ai .title .txt{order:1;line-height: 24px;font-size: 20px;margin: 0 0 60px;}
    #main .ai .list{position: static;}
    #main .ai .list.mobile{display:none;}
    #main .ai .list.desktop{display:flex;padding: 40px 0 0;gap: 24px;}
    #main .ai .list:before{top: unset;left: 0;width: 100%;height: 232px;background: linear-gradient(180deg, rgb(0 95 197 / 0%) 0%, rgb(0 95 197 / 100%) 91.15%);}
    #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: 134px 20px 110px;}
    #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 .title .txt.pc{display:block;}
    #main .change .title .txt.mo{display:none;}
    #main .change .title .eng{font-size: 20px;}
    #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 55px;}
    #main .story .title .eng{order:1;color: #fff;}
    #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;}
    #main .story .slider{padding:0;}
    #main .story .slider .con{padding:24px;}
    #main .story .slider .category{margin:0 0 16px;}
    #main .story .slider .subject{margin: 0 0 12px;height:60px;line-height:30px;font-size:20px;}
    #main .story .slider .desc{line-height:22px;font-size:14px;}
    #main .story .slider .swiper-slide{width:360px;max-width:100%;}
    #main .story .slider .swiper-pagination{margin: 68px 0 0 0;padding: 0 0 18px;}
    #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 32px;}
    #main .counter .title .eng{order:1;color:#fff;}
    #main .counter .title .tit{order:2;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{}
    #main .counter .list ul{justify-content: center;}
    #main .counter .list li{margin: 0 24px 0 0;}

    #main .partner{padding:164px 0;}
    #main .partner .title{display:flex;flex-direction:column;margin: 0 auto 60px;}
    #main .partner .title .eng{order:1;color:#fff;}
    #main .partner .title .tit{order:2;line-height: 48px;font-size:40px;}
    #main .partner .title .txt{order:3;line-height: 24px;font-size: 20px;margin: 0 0 15px;}
    #main .partner .slider{margin: 0 0 32px;}

    #main .inquiry{padding:120px 0;}
    #main .inquiry .tit{margin: 0 0 32px;font-size:44px;line-height:66px;}
    #main .inquiry .tit.pc{display: flex;}
    #main .inquiry .tit.mo{display:none;}
    #main .inquiry .tit:before{margin: 0 auto 7px;width: 42px;height: 42px;}
    #main .inquiry .txt{font-size: 18px;line-height: 27px;}
    #main .inquiry .txt.pc{display:block;}
    #main .inquiry .txt.mo{display:none;}
    #main .inquiry .act{margin:54px 0 0;}
    #main .inquiry .act a{padding: 0 60px;height:60px;font-size: 18px;gap: 10px;}
    #main .inquiry .act a span{font-size:20px;}

    #main .contact{padding:115px 0;}
    #main .contact .inner{flex-direction:row;gap:40px;}
    #main .contact .background{display: block;}
    #main .contact .left{position:relative;z-index:2;width:565px;max-width:100%;}
    #main .contact .right{position:relative;z-index:2;width:565px;max-width:100%;}
    #main .contact .title{}
    #main .contact .title .eng{margin: 0;line-height: 43px;font-size: 36px;}
    #main .contact .title .tit{line-height: 85px;font-size: 64px;}
    #main .contact .title .tit span{color:#007AFF;}
    #main .contact .title .txt{margin: 38px 0 0;line-height: 44px;font-size: 32px;}
    #main .contact .link{margin: 30px 0 0;gap: 25px;}
    #main .contact .link a{width: 300px;max-width: 100%;height: 64px;border-radius: 12px;font-size: 20px;}
    #main .contact .info{margin: 16px 0 0;display: block;}
    #main .contact .form{}
    #main .contact .form .input{}
    #main .contact .form .input.w50{width:calc(50% - 6px);}
    #main .contact .agree{margin: 14px 0 0;}
    #main .contact .agree .agree-btn{display: flex;align-items: center;gap: 10px;}
    #main .contact .agree .agree-btn .txt{color: #fff;}
    #main .contact .agree .agree-txt{}
    #main .contact .agree .agree-txt p{}
    #main .contact .agree .agree-txt p span{color: #fff;}
    #main .contact .button{margin:42px 0 0;}

}
@keyframes moveX {
    0%{
        transform: translateX(-10px);
    }
    50%{
        transform: translateX(10px);
    }
    100%{
        transform: translateX(-10px);
    }
}