@charset "utf-8";

@font-face {
    font-family: 'eras-itc-demi'; 
    font-style: 'bold'; 
    font-weight: 600; 
    src: url('../font/eras-itc-demi.ttf');
}

@font-face {
    font-family: 'Anta-Regular'; 
    font-style: 'regular'; 
    font-weight: 300; 
    src: url('../font/Anta-Regular.ttf');
}


/* index S */

.container .img_wrap {margin:0 auto;}

    /* banner */
.main_banner {position:relative; width:100%; overflow:hidden; margin-bottom:177px;}
.banner_video:after {display:block; content:''; position:absolute; width:100%; height:1274px; top:0; left:0; background:rgba(0,0,0,0.8); z-index:1;}
.banner_video video {width:100%;}
.banner_in {position:absolute; top:276px; left:calc(50% - 403px); width:805px; z-index:3; line-height:1.5em;}
.banner_in h2 {margin-bottom:15px;}
.banner_in p {font-size:16px; color:#e5e5e5;}
.btn_touch {display:block; position:absolute; bottom:60px; left:calc(50% - 96px); z-index:3; width:192px; line-height:58px; font-size:19px; background-image:linear-gradient(160deg,rgba(102, 93, 205, 1) 0%, rgba(95, 164, 230, 1) 45%, rgba(210, 171, 103, 1) 100%);}

.con_wrap {background-repeat:no-repeat;}
.con_wrap p {font-size:16px; line-height:1.8em;}

.con01 h3 {margin-bottom:20px;}
.con01 p {margin-bottom:30px;}
.con01 .img_wrap {width:845px;}

.con02 {padding-top:300px; background-image:url(../img/Circle01.png); background-position:top right calc(50% - 350px); margin-bottom:200px;}
.con02 .img_wrap {width:358px; margin-bottom:30px;}
.con02 h3, .con05 h3 {margin-bottom:60px;}
.con02 .list_wrap, .con05 ul {width:898px; margin:0 auto;}
.con02 .list_wrap ul {flex-wrap:wrap;}
.con02 .list_wrap li, .con05 ul li {width:419px; margin-right:60px; margin-bottom:40px;}
.con02 .list_wrap li:nth-child(2n), .con05 ul li:nth-child(2n) {margin-right:0;}
.con02 .list_wrap li .img_wrap {width:163px; margin-bottom:15px;}
.con02 .list_wrap li h4, .con05 ul li h5 {font-size:32px; margin-bottom:15px;}
.con02 .list_wrap li p, .con05 ul li p {color:#e5e5e5;}

.con03 {width:1052px; margin:0 auto;}
.con03 .con03_top {position:relative; margin-bottom:90px;}
.con03 .img_wrap {position:absolute; top:-100px; left:60px;}
.con03 .list_wrap ul {flex-wrap:wrap;}
.con03 .list_wrap ul li {width:25%; padding:40px 0; border-bottom:1px solid #5fa4e6; border-right:1px solid #5fa4e6;}
.con03 .list_wrap ul li:nth-child(2) {background-image:linear-gradient(160deg,rgba(102, 93, 205, 1) 0%, rgba(95, 164, 230, 1) 45%, rgba(210, 171, 103, 1) 100%);}
.con03 .list_wrap ul li:nth-child(4n) {border-right:none;}
.con03 .list_wrap ul li:nth-child(5), .con03 .list_wrap ul li:nth-child(6), .con03 .list_wrap ul li:nth-child(7), .con03 .list_wrap ul li:nth-child(8) {border-bottom:none;}
.con03 .list_wrap ul li h5 {font-size:32px; margin-bottom:10px;}
.con03 .list_wrap ul li p {line-height:1.1em;}

.con04 {padding:300px 0; background-image:url(../img/Circle02.png); background-size:contain;}
.con04 h3 {margin-bottom:30px; font-weight:500;}
.con04 h3 strong {font-weight:600; color:#ff0066;}
.con04 > p {width:700px; margin:0 auto; margin-bottom:60px; font-size:20px;}
.con04 .cl_flex {width:866px; margin:0 auto; text-align:left;}
.con04 .cl_flex div {width:418px; margin-bottom:40px; margin-right:30px;}
.con04 .cl_flex div:nth-child(2n) {margin-right:0;}
.con04 .cl_flex .img_wrap {width:226px; margin:0 auto;}
.con04 h4 {margin-bottom:15px;}
.con04 p {font-size:20px; line-height:1.5em;}

.con05 {background-image:url(../img/Circle03.png); background-position:right calc(50% - 250px) bottom; padding-bottom:300px;}
.con05 ul li {position:relative; margin-bottom:60px;}
.con05 ul li:after {display:block; content:''; width:72px; height:93px; position:absolute; background:url(../img/icon_arrow.png) no-repeat; background-size:contain; top:110px; left:-60px;}
.con05 ul li:first-child:after {display:none;}
.con05 ul li:nth-child(3):after {left:10px;}
.con05 .img_wrap {width:200px; margin-bottom:15px;}
.con05 p {font-size:14px; color:#e5e5e5;}

.con06 h3 {font-weight:500;}
.con06 p {font-size:24px; color:#c0c0c0; margin-bottom:60px;}
.con06 .img_wrap {width:880px; margin-bottom:50px;}
.con06 .con_in {width:625px; margin:0 auto; font-size:18px; color:#e5e5e5;}

.con07 {position:relative; padding-top:250px; background-image:url(../img/Circle04.png); background-position:right calc(50% - 400px) top 30px; background-size:830px; margin-bottom:300px;}
.con07 .img_wrap.con_cha {width:217px; top:200px; left:calc(50% + 180px);}
.con07 h3 {margin-bottom:60px;}
.con07 .img_wrap {width:986px; margin-bottom:60px;}
.con07 p {width:623px; margin:0 auto; color:#e5e5e5;}

.con08 {width:1040px; margin:0 auto 300px; align-items:center;}
.con08 .fl_left {width:570px; padding:500px 0 300px; margin-right:60px; text-align:right; background-image:url(../img/Circle03.png); background-repeat:no-repeat; background-size:contain; background-position:left top 300px;}
.con08 .fl_left h3 {font-size:60px; font-weight:500;}
.con08 .fl_left p {padding-left:100px; font-size:20px; color:#e5e5e5; line-height:1.5em;}
.con08 .fl_right {width:410px; position:relative;}
.con08 .fl_right ul {flex-direction: column;}
.con08 .fl_right ul li {width:192px; height:192px; padding:40px 20px 15px; margin-bottom:26px; border:1px solid rgba(65, 85, 114, 0.5);}
.con08 .fl_right ul li p {font-size:11px; color:#999;}
.con08 .fl_right .rig_left li:first-child {padding:0;}
.con08 .fl_right .rig_left li:nth-child(2) .img_wrap {width:134px;}
.con08 .fl_right .rig_left li:nth-child(3) .img_wrap {width:82px;}
.con08 .fl_right .rig_right {position:absolute; top:250px; right:0;}
.con08 .fl_right .rig_right li:first-child .img_wrap {width:108px;}
.con08 .fl_right .rig_right li:nth-child(2) .img_wrap {width:155px;}
.con08 .fl_right .rig_right li:nth-child(3) .img_wrap {width:130px; padding-top:30px;}
.con08 .fl_right .con_cha {top:-183px; right:60px;}
.con08 .fl_right:before, .con08 .fl_right:after {content:''; display:block; width:100%; height:247px; position:absolute; left:0;}
.con08 .fl_right:before {top:-55px; background-image:linear-gradient(180deg,rgba(20, 22, 25, 1) 0%, rgba(20, 22, 25, 1) 40%, rgba(20, 22, 25, 0.3) 100%);}
.con08 .fl_right:after {bottom:-277px; background-image:linear-gradient(360deg,rgba(20, 22, 25, 1) 0%, rgba(20, 22, 25, 1) 40%, rgba(20, 22, 25, 0.3) 100%);}

.con09 {}
.con09 h4 {font-size:57px;}
.con09 > p {font-size:20px; line-height:1.5em; margin-bottom:130px;}
.con09 .slider_wrap {width:1056px; margin:0 auto;}
.con09 .slider_wrap li {padding:60px 180px;}
.con09 .slider_wrap li p {font-size:26px; margin-bottom:60px;}
.con09 .slider_wrap li .strong {font-size:18px; margin-bottom:20px;}
.con09 .slider_wrap li span {display:inline-block;}
.con09 .slider_wrap li .small {padding-right:20px; border-right:1px solid #666;  margin-right:20px; font-size:14px; font-weight:100;}
.con09 .slider_wrap li .name {font-size:26px;}
.bx-viewport {height:auto !important;}
.bx-wrapper {border:none; background:#141619; box-shadow:none;}
.bx-wrapper .bx-controls-direction a {top:-75px; width:58px; height:58px; background-size:contain;}
.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover {background-position:0;}
.bx-wrapper .bx-prev {left:calc(50% - 73px); background:url(../img/arrow01.png);}
.bx-wrapper .bx-next {right:calc(50% - 73px); background:url(../img/arrow02.png);}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {bottom:-50px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:8px; height:8px;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {background-image:linear-gradient(160deg,rgba(102, 93, 205, 1) 0%, rgba(95, 164, 230, 1) 45%, rgba(210, 171, 103, 1) 100%);}

.con10 {padding:300px 0; background-image:url(../img/bg_contact.png); background-size:100%;}
.con10 p {width:758px; margin:0 auto 200px; color:#e5e5e5;}

/* index E */


/* sub S */

.sub {padding-top:75px;}
.sub strong {color:#ff0066;}

    /* about S */
.about_banner {padding-top:210px; margin-bottom:150px;}
.banner_txt {margin-bottom:150px;}
.banner_txt h3 {font-size:64px; font-weight:500; margin-bottom:10px;}
.banner_txt > p {font-size:32px;}
.banner_bottom {position:relative; height:420px; background:url(../img/Main_img_02.png);}
.banner_bottom .img_ab {position:absolute; top:-90px; left:calc(50% - 500px);}
.banner_bottom .icon_wrap {width:510px; padding-top:100px; margin:0 auto 40px;}
.banner_bottom .icon_wrap .img_wrap {margin:0;}
.banner_bottom p {font-size:32px; font-weight:700; font-family: 'eras-itc-demi';}
.banner_bottom h4 {font-family: 'eras-itc-demi'; font-size:46px;}

.about_con01 {margin-bottom:200px;}
.about_con01 .about_con01_top {margin-bottom:150px;}
.about_con01 h4 {font-size:48px; margin-bottom:10px; font-weight:500;}
.about_con01 .about_con01_top p {font-size:16px; color:#e5e5e5; margin-bottom:80px;}
.about_con01 .about_con01_top .img_wrap {width:569px;}
.about_con01 .about_con01_bottom span {font-size:24px; font-weight:500;}
.about_con01 .about_con01_bottom .con_in {width:780px; margin:15px auto 0; font-size:18px; color:#e5e5e5;}

.about_con02 {position:relative; background:url(../img/bg_circle.png) no-repeat;}
.about_con02:after {content:''; display:block; position:absolute; bottom:-700px; right:0; width:1035px; height:988px; background:url(../img/Circle01.png); z-index:-1;}
.about_con02 h2 {width:191px; height:91px; margin:0 auto 30px; background:url(../img/logo_scg.png) no-repeat; background-size:contain;}
.about_con02 h4 {font-size:64px; margin-bottom:90px;}
.about_con02 .con_list_wrap {width:1043px; margin:0 auto;}
.about_con02 .con_list_wrap ul li {align-items:center; margin-bottom:150px;}
.about_con02 .con_list_wrap ul li .img_wrap {max-width:483px; margin:0;}
.about_con02 .con_list_wrap ul li .list_txt {max-width:500px;}
.about_con02 .con_list_wrap ul .txt_right .list_txt {text-align:left; margin-left:60px;}
.about_con02 .con_list_wrap ul .txt_left .list_txt {text-align:right; margin-right:60px;}
.about_con02 .con_list_wrap ul li .list_txt span {font-size:24px; font-weight:500; color:#9d9d9d;}
.about_con02 .con_list_wrap ul li .list_txt h5 {font-size:60px; font-weight:500; margin:15px 0 5px;}
.about_con02 .con_list_wrap ul li .list_txt p {font-size:20px; font-weight:200; color:#e5e5e5; line-height:1.5em;}
    /* about E */

    /* ecosystem S */
.ecosystem {padding-top:0;}

.ecosystem_banner {height:890px; padding-top:450px; margin-bottom:130px; background-color:#057ed5; background-image:url(../img/SCG_NFT.png); background-repeat:no-repeat; background-position:center top 150px;}
.ecosystem_banner .eco_ba_txt {width:897px; margin:0 auto; padding:5px; background:rgba(0,0,0,0.25);}
.ecosystem_banner .eco_ba_txt h3 {font-size:64px; font-weight:800;}

.eco_con01 {width:777px; margin:0 auto 160px;}
.eco_con01 h4, .eco_con02 h4 {font-size:48px; margin-bottom:20px;}
.eco_con01 p, .eco_con02_top > p {font-size:16px; color:#e5e5e5; margin-bottom:70px;}

.eco_con02 {margin-bottom:50px; background:url(../img/Circle01.png) no-repeat; background-position:right -200px bottom 100px; background-size:contain;}
.eco_con02_top {margin-bottom:250px;}
.eco_con02_top ul {width:778px; margin:0 auto;}
.eco_con02_top ul li {position:relative; width:147px; height:147px; border-radius:17px; margin-right:63px; background-image:linear-gradient(160deg,rgba(128, 255, 251, 1) 0%, rgba(121, 17, 169, 1) 100%);}
.eco_con02_top ul li:last-child {margin-right:0px;}
.eco_con02_top ul li:after {content:''; display:block; position:absolute; top:calc(50% - 13px); right:-47px; width:27px; height:27px; background:url(../img/icon_arrow.png) no-repeat; background-size:contain;}
.eco_con02_top ul li:last-child:after {display:none;}
.eco_con02_top ul li .border_gra {display:flex; width:145px; height:145px; border-radius:17px; margin:1px auto; background:#000; justify-content:center; align-items:center;}
.eco_con02_top ul li .border_gra p {line-height:1.3em;}
.eco_con02_bottom {position:relative; width:985px; margin:0 auto;}
.eco_con02_bottom .con_cha {top:-30px;}
.eco_con02_bottom .in_top {width:664px; padding-left:30px; margin:0 auto 60px;}
.eco_con02_bottom .in_top h3 {font-size:56px; margin-bottom:10px;}
.eco_con02_bottom .in_bottom {align-items:center;}
.eco_con02_bottom .in_bottom .bottom_left {margin-right:30px;}
.eco_con02_bottom .in_bottom .bottom_right {width:400px; text-align:left;}
.eco_con02_bottom .in_bottom .bottom_right h5 {font-size:36px; font-weight:300; margin-bottom:10px;}
.eco_con02_bottom .in_bottom .bottom_right p {width:359px; font-size:19px; color:#e5e5e5;}

.eco_con03 {padding-top:200px; margin-bottom:300px; background-image:url(../img/bg_circle.png); background-size:80%; background-position:top -150px left;}
.eco_con03_top {position:relative; width:815px; margin:0 auto 200px;}
.eco_con03_top h3, .eco_con04 h3 {font-size:56px; margin-bottom:15px;}
.eco_con03_top p {font-size:20px; color:#e5e5e5;}
.eco_con03_top .con03_in {padding-right:280px; margin-top:80px;}
.eco_con03_top .con03_in ul li {margin-bottom:80px; text-align:left;}
.eco_con03_top .con03_in ul li h4 {line-height:1.1em; font-weight:300; margin-bottom:15px;}
.eco_con03_top .con03_in ul li p {font-size:20px; color:#e5e5e5;}
.eco_con03_top .con_cha {right:-88px; bottom:50px;}
.eco_con03_bottom h3 {font-size:56px; font-weight:500; margin-bottom:15px;}
.eco_con03_bottom strong, .eco_con04 strong {font-size:24px; font-weight:200; color:#c0c0c0;}
.eco_con03_bottom .img_wrap {width:907px; margin:70px auto 30px;}
.eco_con03_bottom p, .eco_con04 p {width:623px; margin:0 auto; color:#e5e5e5; font-size:18px;}

.eco_con04 {margin-bottom:300px;}
.eco_con04 .img_wrap {width:861px; margin:70px auto;}
    /* ecosystem E */

    /* tokenomic S */
.tit_left {text-align:left; padding-left:40px;}
.toke_tit {padding-top:180px; margin-bottom:80px;}
.toke_tit h2 {font-size:64px; font-weight:500; margin-bottom:15px;}
.toke_tit p {font-size:32px; font-weight:500;}

.toke_con {background-image:url(../img/bg_circle.png);}
.toke_con h5 {font-size:32px; margin-bottom:15px;}
.toke_con p {font-size:16px; color:#e5e5e5; line-height:1.4em;}
.toke_con > div {width:773px; margin:0 auto 120px;}

.toke_con .key {margin-bottom:150px;}
.toke_con .key > p, .token p {margin-bottom:60px;}
.toke_con .key_list {padding:0 77px; text-align:left;}
.toke_con .key_list li {margin-bottom:15px;}
.toke_con .key_list p {font-size:18px;}
.toke_con .key_list .list_tit {width:134px; color:#f06;}
.toke_con .key_list .list_txt {width:484px;}

.toke_con .token {position:relative;}
.token .img_wrap {width:400px;}
.per {position:absolute; font-size:20px; font-weight:600;}
.per span {display:inline-block; font-size:24px;}
.per01 {top:190px; left:170px;}
.per01 span {margin-left:30px;}
.per02 {top:250px; right:115px;}
.per02 span {margin-right:10px; font-size:20px;}
.per03 {bottom:80px; right:80px;}
.per03 span {display:block; text-align:left;}
.per04 {bottom:10px; right:210px;}
.per04 span {display:block;}

.toke_con .table {padding:0 44px;}
.toke_con .table .table_tit {background:#626262; padding:8px 15px;}
.toke_con .table .table_tit strong {display:inline-block; font-size:14px; color:#fff; font-weight:500;}
.toke_con .table .table_txt {display:flex; align-items:center; padding:15px; border-bottom:1px solid #626262;}
.toke_con .table .table_tit strong:first-child {width:135px; text-align:left;}
.toke_con .table .table_tit strong:nth-child(2) {width:55px; text-align:left;}
.toke_con .table .table_tit strong:nth-child(3) {width:88px;}
.toke_con .table .table_tit strong:last-child {width:280px;}
.toke_con .table .table_txt span {display:inline-block; font-size:14px; font-weight:200;}
.toke_con .table .table_txt span:first-child, .doc_con .table .table_txt span:last-child {text-align:left;}
.toke_con .table .table_txt span:first-child {width:176px;}
.toke_con .table .table_txt span:nth-child(2) {width:50px;}
.toke_con .table .table_txt span:nth-child(3) {width:120px;}
.toke_con .table .table_txt span:last-child {width:302px; text-align:left;}

.toke_con .token_list .table_tit strong:first-child {width:154px; padding-left:20px;}
.toke_con .token_list .table_tit strong:last-child {width:400px;}
.toke_con .token_list .table_txt span:first-child {width:180px;}
.toke_con .token_list .table_txt span:nth-child(2) {width:90px;}
.toke_con .token_list .table_txt span:last-child {width:400px;}

.build .img_wrap {width:670px;}
    /* tokenomic E */

    /* company S */
.company {padding-top:300px; background:url(../img/bg_circle.png) no-repeat;}
.company h2, .company h3 {font-size:64px; font-weight:600;}
.company h5 {font-size:32px; margin-bottom:80px;}
.company section {margin-bottom:250px;}

.overview {width:780px; margin:0 auto;}
.com_tit {margin-bottom:60px;}
.com_tit h2 {margin-bottom:5px;}
.overview .com_tit p {font-size:32px; font-weight:500;}
.com_logo {margin-bottom:40px;}
.com_logo div {width:152px;}
.com_logo  h3 {font-family:'Anta-Regular'; font-size:36px;}
.overview h4 {font-size:32px; margin-bottom:15px;}
.overview p {font-size:16px; color:#e5e5e5; line-height:1.4em;}
.com_key, .com_logic {margin-bottom:60px;}
.com_logic .img_wrap {width:134px; margin-bottom:30px;}
.com_vision .txt_strong {margin-bottom:30px;}
.com_vision .txt_strong strong {color:#e5e5e5;}

.team_list {width:620px; margin:0 auto; padding:0;}
.team_list li {margin-bottom:80px; text-align:left;}
.team_list li.txt_right {text-align:right;}
.team_list li:last-child {margin-bottom:0;}
.team_list li div {width:410px;}
.team_list li .img_wrap {width:180px; margin-right:30px;}
.team_list li.txt_right .img_wrap {margin-right:0; margin-left:30px;}
.team_list li span {font-size:14px;}
.team_list li h6 {font-size:24px; font-weight:400; margin-bottom:10px;}
.team_list li p {padding-left:20px; font-size:14px; line-height:1.2em; color:#e5e5e5;}
.team_list li p span {position:relative; display:inline-block; width:20px; height:12px; margin-left:-20px;}
.team_list li p span:after {content:''; display:block; position:absolute; width:4px; height:4px; top:5px; left:5px; border-radius:4px; background:#fff;}
.team_list li .p_mar p {margin-bottom:10px;}

.com_partner .par_list {width:800px; margin:0 auto; align-items:center;}
.com_partner .par_list li {width:400px; margin-bottom:20px;}
    /* company E */

/* sub E */