/*************************************************
 * about
 *************************************************/
/*.sub_sec{border-bottom: 1px dotted #ddd;}*/

#about01{background:#050505;position: relative;overflow:hidden;width:100%; height:100vh;}
.about01_wrap{height:100%;}

.animate-text {height:150px;overflow: hidden;margin-bottom:80px;}
.animate-text span{font-size:130px;color:#fff;font-weight:900;display: none;}
.animate-text span.text-in{display: block;animation: textIn .3s ease;}
.animate-text span.text-out{animation: textOut .3s ease;}
@keyframes textIn{ 0%{transform: translateY(100%);} 100%{transform: translateY(0%);} }
@keyframes textOut{ 0%{transform: translateY(0%);} 100%{transform: translateY(-100%);} }

.about01_wrap .inner {position: relative;width:100%; height:100%; display:flex; align-items: center; justify-content: center;flex-flow:column;}
.about01_wrap .about01_tit{width: 100%;height:auto;text-align: center;transition: all 0.1s ease;}
.about01_wrap .about01_tit h2{font-size:48px;color: #fff;text-transform: uppercase;}
.about01_wrap .about01_tit1 {opacity:1; transform: translateY(0); -webkit-transform: translateY(0)}
.about01_wrap .about01_tit2 h2{color:#fff;font-size:30px;font-weight:800;letter-spacing: 0.025em;}
.about01_wrap .about01_tit2 span{animation: about01-ani-2 3s cubic-bezier(0.165, 0.84, 0.44, 1) both; animation-delay: 200ms;}
@keyframes about01-ani-2 { 0% {opacity: 0;filter: blur(5px)} 100% {opacity: 1;filter: blur(0)} }
.about01_wrap .about01_tit3 h4{font-size:24px;color:#777;font-weight:300;margin-top:40px;}


#about01 .lines {position: absolute;top: 0;left: 0;right: 0;height: 100%;margin: auto;width: 90vw;}
#about01 .line {position: absolute;width: 1px;height: 100%;top: 0;left: 50%;background: rgba(255, 255, 255, 0.1);overflow: hidden;}
#about01 .line::after {content: "";display: block;position: absolute;height: 15vh;width: 100%;top: -50%;left: 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);-webkit-animation: drop 7s 0s infinite;animation: drop 7s 0s infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);}
#about01 .line:nth-child(1) {margin-left: -25%;}
#about01 .line:nth-child(1)::after {-webkit-animation-delay: 2s;animation-delay: 2s;}
#about01 .line:nth-child(3) {margin-left: 25%;}
#about01 .line:nth-child(3)::after {-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}
@keyframes drop { 0% {top: -50%;} 100% {top: 110%;} }
@-webkit-keyframes drop { 0% {top: -50%;} 100% {top: 110%;} }

/**/
#about02{background:#050505;height: 100vh;width: 100%;overflow: hidden;position: relative;}
.about02_wrap{position: relative;}
.about02_wrap .about02_pt{display:flex;justify-content: center;}
.about02_wrap .title {width: 100%;max-width: 800px;text-align:center;}
.about02_wrap .title h1{font-size:60px;font-weight:900;color:#fff;margin-bottom:40px;text-align:left;}
.about02_wrap .title p{font-size: 2.4rem;color:#fff;line-height: 3.6rem;font-weight:400;text-align:left;}
.about02_wrap .title .ico{font-size:90px;margin-top:40px;font-weight:900;color:#de1e25;margin-left: -20px;}
@keyframes loadInOpacity { 0% {background: rgba(0, 0, 0, 0);} 100% {background: #fff;} }
.about02_img.brick {position: absolute;right: -10%;bottom: -68%;}
/**/
#about03{background:#f4f4f4;transition:1.5s;}
.about03_wrap .title{text-align:center;padding:0 20px;}
.about03_wrap .title h1{width: 100%;max-width: 100%;font-size: 60px;font-weight: 900;color: #333;margin-bottom: 40px;text-align:center;transition-duration: 0.4s;word-break:keep-all;}
.about03_wrap .title h4{margin:20px auto 60px;font-size: 2.4rem;color:#333;font-weight:400;line-height: 3.6rem;text-align:center;transition-duration: 0.4s;word-break:keep-all;}

.scroller {width: 100%;max-width: 1000px;position: relative;height: 1em;overflow: hidden;font-size:2.65em;text-align: center;margin: 60px auto;}
.scroller span {display: block;animation: scroller 5s infinite;animation-timing-function: ease-in-out(0.42, 0, 0.58, 1);line-height: 1;color:#fff;}
.scroller b{font-weight:800;color:#de1e25;}
.scroller:before {content: '[';position: absolute;top: -12px;left: 0;color: #fff;font-size: 40px;font-weight: 600;animation: scroller2 3s infinite;}
.scroller:after {content: ']';position: absolute;top: -12px;right: 0;color: #fff;font-size: 40px;font-weight: 600;animation: scroller2 3s infinite;}
@keyframes scroller { 0% {transform: translateY(0);} 20% {transform: translateY(-1em);} 40% {transform: translateY(-2em);} 60% {transform: translateY(-3em);} 80% {transform: translateY(-4em);} 100% {transform: translateY(-5em);} }
@keyframes scroller2 {10%{color:#fff;}50%{color:#de1e25;}100%{color:#fff;}}

:root {--color-text: navy;--color-bg: papayawhip;--color-bg-accent: #ecdcc0;--size: clamp(10rem, 1rem + 40vmin, 30rem);--gap: calc(var(--size) / 14);--duration: 60s;--scroll-start: 0;--scroll-end: calc(-100% - var(--gap));}

.marquee {height:150px; display: flex;overflow: hidden;user-select: none;gap: var(--gap);-webkit-mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0) );mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0) );}
.marquee__group {flex-shrink: 0;display: flex;align-items: center;justify-content: space-around;gap: var(--gap);min-width: 100%;animation: scroll-x var(--duration) linear infinite;}
.marquee--reverse .marquee__group {animation-direction: reverse;animation-delay: -3s;}
.marquee .logo_img {background:#fff;filter: grayscale(1);display: grid;transition:0.3s;place-items: center;width: var(--size);aspect-ratio: 16/9;padding: calc(var(--size) / 20);}
.marquee .logo_img img{opacity:0.8;}
.marquee .logo_img:hover{filter: none;}
.marquee .logo_img:hover img{opacity: 1;}
.wrapper {display: flex;flex-direction: column;gap: var(--gap);margin: auto;max-width: 100vw;}

@keyframes scroll-x { from {transform: translateX(var(--scroll-start));} to {transform: translateX(var(--scroll-end));} }
@keyframes scroll-y { from {transform: translateY(var(--scroll-start));} to {transform: translateY(var(--scroll-end));}}
@keyframes fade { to {opacity: 0;visibility: hidden;} }
@media (prefers-color-scheme: dark) {  :root {--color-text: papayawhip;--color-bg: navy;--color-bg-accent: #2626a0;}  }
@media (prefers-reduced-motion: reduce) {  .marquee__group {animation-play-state: paused;}  }


/**/
#about04{background:#fff;width:100%;height:100%;position: relative;}
#about04 .title{margin-bottom:40px;}
#about04 .title h1{width:100%;max-width:800px;color:#dbdbdb;font-size: 90px;font-weight:800;}

.about04_wrap{position: relative;display: flex;justify-content: flex-end;z-index: 1;}
.about04_pt h2{margin-bottom:20px;font-weight:600;}
.about04_pt p{font-size:24px;color:#333;line-height:3.6rem;font-weight:300;letter-spacing: -0.075em;width: 100%;max-width:420px;}
.about04_pt{margin-bottom:30px;}
.about04_pt:last-child{margin-bottom:0;}
.about04_pt .txt{position: relative;padding-left:32px;}
.about04_pt .txt:after{content: '';width:24px;height:30px;position:absolute;left:0;top:-2px; background-image: url("../img/sub/cursor.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.about04_wrap .box_img {position: absolute;right: 0;bottom: 0;opacity:0.4;animation: about04-ani 3s ease-in;}
@keyframes about04-ani { 0% {opacity: 0;} 100% {opacity:0.4;} }

#about04 .box {width:100%;max-width:1740px;height:80vh;background:transparent;position:absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
#about04 .top {position: absolute;height:2px;top: -3px;background-color: #efefef;animation: 1s loadtop linear forwards;}
#about04 .right {width:2px;height: 0;background-color: #efefef;position: absolute;top: 0;right:0;animation: 1s 1s loadright linear forwards;}
#about04 .bottom {position: absolute;background-color: #efefef;width: 0;height:2px;bottom:0;right: 0;animation: 1s 2s loadbottom linear forwards;}
#about04 .left {position: absolute;width:2px;height: 0;bottom: 0;left:0;background-color: #efefef;animation: 1s 3s loadleft linear forwards;}
#about04:after{content:'';width:0;background:#efefef;position: absolute;top:50%;left:0;height:1px;transform: translateY(-50%);animation: 1s 4s loadwidth linear forwards;}
#about04:before{content:'';width:1px;background:#efefef;position: absolute;top:0;left:50%;height:0;transform: translateX(-50%);animation: 1s 5s loadlength linear forwards;}

@keyframes loadtop { 0% {width: 0;} 100% {width:100%;} }
@keyframes loadright { 0% {height: 0;} 100% {height:100%;} }
@keyframes loadbottom { 0% {width: 0;} 100% {width:100%;} }
@keyframes loadleft { 0% {height: 0;} 100% {height:100%;} }
@keyframes loadwidth{ 0% {width:0;} 100% {width:100%;} }
@keyframes loadlength{ 0% {height:0;} 100% {height:100%;} }
/**/
@media(max-width:1010px){
    .animate-text{height:120px;}
    .animate-text span{font-size:100px;}

    .about02_wrap .title h1{font-size:54px;}
    .about02_wrap .title p{font-size:20px;}
    .about02_img.brick{bottom: -80%;}

    .about03_wrap .title h1{font-size:54px;}
    .about03_wrap .title h4{font-size:20px;}
    .scroller{font-size:24px;}
    .scroller:before{display:none;}
    .scroller:after{display:none;}

    #about04 .title{margin-bottom:70px;}
    #about04 .title h1{font-size:54px;max-width: 600px;}
    .about04_pt p{font-size:20px;}
    #about04 .left{display:none;}
    #about04 .right{display:none;}
}
@media(max-width:850px){

    #about02{height:80vh;}
    .about02_wrap .title h1{font-size:40px;}
    .about02_wrap .title p{font-size:18px;}
    .about02_img.brick{bottom: -100%;}
    .about02_img.brick {right: 0;display: flex;justify-content: flex-end;}
    .about02_img.brick img {width: 50%;}

    .about03_wrap .title h1{font-size:40px;}
    .about03_wrap .title h4{font-size:18px;}

    .about04_wrap{justify-content:flex-start;}
    #about04 .title h1{font-size:40px;max-width:100%;}
    .about04_pt p{font-size:18px;max-width:100%;letter-spacing: -0.025em;}
    #about04 .top{display:none;}
    #about04 .bottom{display:none;}
}
@media(max-width:650px){
    .animate-text{height:90px;}
    .animate-text span{font-size:70px;}
    .about01_wrap .about01_tit2 h2{font-size:26px;}
    .about01_wrap .about01_tit3 h4{font-size:16px;}

    .about02_wrap .title h1{font-size:36px;margin-bottom:30px;}
    .about02_wrap .title p{font-size:16px;line-height:1.5;}
    .about02_img.brick{bottom: -90%;}

    .about03_wrap .title h1{font-size:38px;}
    .about03_wrap .title h4{font-size:16px;line-height:1.5;}
    .scroller{font-size:20px;}
    .marquee{height:120px;}

    #about04 .title h1{font-size:38px;}
    .about04_pt h2{font-size:18px;margin-bottom:15px;}
    .about04_pt p{font-size:16px;line-height:1.5;}
    .about04_pt .txt{padding-left:24px;}
    .about04_pt .txt:after {width: 16px;top:-7px;background-size: contain;}
}
@media(max-width:450px){
    .animate-text{height:60px;}
    .animate-text span{font-size:50px;}
    .about01_wrap .about01_tit2 h2{font-size:22px;}

    #about02{height:70vh;}
    .about02_wrap .title h1{font-size:24px;margin-bottom:20px;}
    .about02_wrap .title p{font-size:16px;}
    .about02_img.brick img {width: 40%;}
    .about02_img.brick{bottom:-80%;}

    .about03_wrap .title h1{font-size:24px;}
    .about03_wrap .title h4{font-size:16px;}
    .scroller{font-size:14px;}
    .marquee{height:100px;}

    #about04 .title h1{font-size:24px;}
}



/*************************************************
* business
*************************************************/
.sub_business .sub_con{padding:0 4rem;}
.sub_business .sub_title{width: 100%;margin:0;padding-bottom:8rem;}
.sub_business .box_line{position:relative;padding-top:8rem;}
.sub_business .box_line:after{content:'';width:100%;height:1px;background:#efefef;position: absolute;top:0;left:0;}
.sub_business .tab_wrap{margin:0;margin-left:7px;}
.sub_business .sub_title h1{margin-bottom:30px;}
.sub_business .left_line {position: absolute;bottom: 0;width: 100%;max-width: 1320px;margin: 0 auto;left: 50%;transform: translateX(-50%);height: 100%;border-left: 1px solid #efefef;z-index: -1;}

@media(max-width:1270px){
    .sub_business .left_line{display:none;}
}
@media(max-width:850px){
    .sub_business .sub_con{padding:0 20px;}
    .sub_business .sub_title{padding-bottom:6rem;}
    .sub_business .box_line{padding-top:4rem;}
}

.bus_img_wrap{display:flex;padding:80px 0 100px;}
.bus_img {display: block;min-height: 400px;width: 100%;padding-left: calc((100% - 1240px) / 2);}
.bus_img img{width:100%;object-fit: cover;}
.sub_imgbox {width: 100%;height: 100%;}

/* FINTECH*/
.fin01_pt_wrap{display:flex;}

.fin01_pt.pt_lf{width:30%;}
.fin01_pt.pt_rt{width:70%;}

.fin01_pt.pt_lf h4{font-size:40px;font-weight:800;color:#333;}
.fin01_pt.pt_lf h4 > span{color:#de1e25;}

.fin01_pt.pt_rt p{font-size:18px;color:#999;line-height:1.5;}

.fin03_pt_wrap{display:flex;margin:0 -20px;padding-bottom:30px;}
.fin03_pt{width:33.33333333333333%;padding:0 20px;}
.fin03_pt .fin03_box {border-top: 4px solid #050505;padding: 50px 30px;transition:0.3s;min-height:427px;}
.fin03_pt h4{font-size:16px;color:#de1e25;font-weight:800;text-transform: uppercase;margin-top:40px;}
.fin03_pt h2{font-size:26px;color:#333;font-weight:800;margin:10px 0 20px;}
.fin03_pt ul li{position: relative;margin-bottom:5px;}
.fin03_pt ul li:last-child{margin-bottom:0;}
.fin03_pt ul li:after{content: '';position: absolute;top:9.5px;left:0;width:3px;height:3px;background:#999;}
.fin03_pt ul li p{font-size:18px;color:#999;font-weight:400;padding-left:8px;}

.fin03_pt.active .fin03_box{box-shadow: 0 10px 30px rgb(0 0 0 / 5%);}
.fin03_pt .fin03_box:hover{box-shadow: 0 10px 30px rgb(0 0 0 / 5%);}

/* BLOCKCHAIN */
.blo01_pt_wrap{display:flex;}

.blo01_pt.pt_lf{width:40%;}
.blo01_pt.pt_rt{width:60%;}

.blo01_pt.pt_lf h4{font-size:40px;font-weight:800;color:#333;}
.blo01_pt.pt_lf h4 > span{color:#de1e25;}

.blo01_pt.pt_rt p{font-size:18px;color:#999;line-height:1.5;}

.blo03_pt_wrap .text {display: flex;justify-content: space-between;width: 100%;max-width: 1100px;margin:0 auto;}
.blo03_pt_wrap .text.bottom h1{font-size: 102px;letter-spacing: 0.035rem;}
.blo03_pt_wrap .text h1{font-size:110px;color:#333;font-weight:900;}
.blo03_pt_wrap .text h1 span{color:#fff;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.blo03_pt_wrap p{font-size:30px;text-align: center;margin-top:40px;color:#333;font-weight:400;line-height:1.5;}
.blo03_pt_wrap p span{font-weight:800;}

/* WEB/APP */
.web01_pt_wrap{display:flex;}

.web01_pt.pt_lf{width:30%;}
.web01_pt.pt_rt{width:70%;}

.web01_pt.pt_lf h4{font-size:40px;font-weight:800;color:#333;}

.web01_pt.pt_rt p{font-size:18px;color:#999;line-height:1.5;}

.web03_pt_wrap ul li{display:flex;align-items:center;padding:50px 0;border-bottom:1px solid #efefef;}
.web03_pt_wrap ul li:first-child{border-top:4px solid #050505;}
.web03_pt_wrap ul li:last-child{border-bottom:none;}
.web03_pt.pt_lf{width:30%;}
.web03_pt.pt_rt{width:70%;}

.web03_pt h4{font-size:16px;color:#de1e25;font-weight:800;text-transform: uppercase;margin-bottom:5px;}
.web03_pt h2{font-size:26px;color:#333;font-weight:800;}
.web03_pt p{font-size:18px;color:#999;font-weight:400;line-height:1.5;}

@media(max-width:1300px) {
    .bus_img{padding-left:0;}
    .bus_img img{width:auto;height:100%;}
}


@media(max-width:1100px){
    .blo03_pt_wrap{width: 100%;max-width:900px;margin:0 auto;}
    .blo03_pt_wrap p{font-size:22px;}
    .blo03_pt_wrap .text{justify-content:center;text-align: center;}
    .blo03_pt_wrap .text h1{font-size:70px;padding:0 10px;}
    .blo03_pt_wrap .text.bottom h1{font-size:70px;}
}

@media(max-width:1010px){
    .bus_img{min-height:auto;}

    .fin01_pt.pt_lf h4{font-size:38px;}
    .fin01_pt.pt_rt p{font-size:16px;}
    .fin03_pt h2{font-size:24px;}
    .fin03_pt ul li p{font-size:16px;}
    .fin03_pt ul li:after{top:8.5px;}

    .blo01_pt.pt_lf h4{font-size:38px;}
    .blo01_pt.pt_rt p{font-size:16px;}

    .web01_pt.pt_lf h4{font-size:38px;}
    .web01_pt.pt_rt p{font-size:16px;}
}

@media(max-width:850px){
    .bus_img_wrap{padding:60px 0;}
    .bus_img {min-height: 280px;}

    .fin01_pt_wrap{flex-flow: column;}
    .fin01_pt.pt_lf{width:100%;margin-bottom:20px;}
    .fin01_pt.pt_rt{width:100%;}
    .fin01_pt.pt_lf h4{font-size:20px;}
    .fin03_pt_wrap{margin:0 auto;flex-flow: column;padding-bottom:0;}
    .fin03_pt .fin03_box{min-height: 390px;}
    .fin03_pt{width:100%;padding:0;margin-bottom:30px;}
    .fin03_pt_wrap .fin03_pt:last-child{margin-bottom:0;}
    .fin03_ico {width: 60px;height: 60px;}

    .blo01_pt_wrap{flex-flow: column;}
    .blo01_pt.pt_lf{width:100%;margin-bottom:20px;}
    .blo01_pt.pt_rt{width:100%;}
    .blo01_pt.pt_lf h4{font-size:20px;}
    .blo03_pt_wrap{max-width:600px;}
    .blo03_pt_wrap p{font-size:20px;}
    .blo03_pt_wrap .text h1{font-size:40px;padding:0 10px;}
    .blo03_pt_wrap .text.bottom h1{font-size:40px;}

    .web01_pt_wrap{flex-flow: column;}
    .web01_pt.pt_lf{width:100%;margin-bottom:20px;}
    .web01_pt.pt_rt{width:100%;}
    .web01_pt.pt_lf h4{font-size:20px;}
    .web03_pt_wrap ul li{flex-flow: column;}
    .web03_pt.pt_lf{width:100%;margin-bottom:20px;}
    .web03_pt.pt_rt{width:100%;}
    .web03_pt p{font-size:16px;}
    .web03_pt h2{font-size:24px;}
}
@media(max-width:650px){
    .fin03_pt .fin03_box{min-height:320px;padding:40px 20px;}
    .fin03_pt h4{margin-top:20px;}
    .fin03_pt h2{font-size:20px;}
    .fin03_ico {width:40px;height:40px;}

    .blo03_pt_wrap{max-width:400px;}
    .blo03_pt_wrap p{font-size:18px;}
    .blo03_pt_wrap .text h1{font-size:30px;padding:0 5px;}
    .blo03_pt_wrap .text.bottom h1{font-size:30px;}
}

@media(max-width:450px){
    .bus_img {min-height:220px;}

    .fin03_pt .fin03_box{min-height:auto;}

    .blo03_pt_wrap p{font-size:16px;}
    .blo03_pt_wrap .text h1{font-size:20px;padding:0 5px;}
    .blo03_pt_wrap .text.bottom h1{font-size:20px;}
}