@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700|Poppins:400,500,600');

* {box-sizing: border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;vertical-align: top;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
button,input {border-radius: 0; margin: 0;padding: 0;}
button {cursor: pointer;}
fieldset,img {border: 0}
ol,ul {list-style: none}
address,em {font-style: normal}
a {text-decoration: none}
iframe {overflow: hidden;margin: 0;padding: 0;border: 0}

.blind {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}

table {border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;}
input,button,select,label {vertical-align: middle;}

/* -webkit-text-size-adjust:none; 
모바일 브라우저에서 글자크기 자동확대 방지*/
body {line-height: 1.5; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); background:rgb(238, 255, 243);}

html, body {height: 100%;}

body,input,select,textarea,button,table {
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    font-size: 16px;
    letter-spacing: -0.05em;
    color: #313131;
    line-height: 1.5;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* user-scalable=yes 로 설정하고 폰트크기를 16px로 하면 아이폰에서 클릭시 확대 없어짐*/
input[type='text'], input[type='password'] {font-size: 16px;}

/* 초기화끝 */



html,body {height: 100%;}
#wrap {height: 100%;}


/* header 헤더 */
#header {background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; box-shadow: 0px 3px 12px rgba(111, 111, 111, 0.04);}
#mHeader {display: none;}

#header .header_inner {max-width: 1180px; margin: 0 auto; padding: 0 5px 0 35px; text-align: center;}

.logo {margin-top: 23px; float: left;}

.lang_wrap {float: right; position: relative; margin-top: 22px; margin-right: 15px;}

.lang {border: none; padding: 5px 40px 5px 20px; font-size: 14px; background: none; position: relative; outline: none;}
.lang:before {position: absolute; content: ''; right: 22px; top: 12px; background: url(../images/lang.png) no-repeat; width: 10px; height: 6px;}
.lang:after {position: absolute; content: ''; left: 18px; right: 18px; bottom: 0; height: 2px; background: #54c754;}

.lang_list {position: absolute; left: 18px; right: 18px; top: 30px; background: #fff; border: 1px solid #313131; display: none;}
.lang_list li a {color: #313131; text-align: center; display: block; margin: 12px 0px; font-size: 14px;}
.lang_list li a:hover {color: #54c754;}
.lang_list li a.active {color: #ed7829; font-weight: bold;}


/* gnb 메뉴 */
#header .header_inner .gnb_wrap {display: inline-block;}
#header .header_inner .gnb_wrap .gnb {overflow: hidden;}
#header .header_inner .gnb_wrap .gnb li {float: left; margin: 0 25px;}
#header .header_inner .gnb_wrap .gnb li a {font-weight: 500; color: #313131; text-transform: uppercase; display: inline-block; line-height: 80px; transition: color 0.2s;}
#header .header_inner .gnb_wrap .gnb li a:hover {color: #ed7829;}



/* main 메인 */

#main {height: 100%; width: 100%; padding-top: 80px;}


/* main_slider 메인슬라이더 */
#main .main_slider {height: 100%; width: 100%;}

추가
#main {position: relative;}


#main .swiper-container {width: 100%; min-height: 100%; max-height: 100vh; overflow: hidden; position: relative; color: #fff;}
#main .swiper-container .video {min-width: 100%; position: relative; left: 0; top: -100px;}


#main .swiper-container .scroll {position: absolute; left: 50%; bottom: 33px; transform: translateX(-50%); text-align: center; z-index: 20;}

#main .swiper-container .scroll img {animation: scroll 1.5s infinite; margin-top: 5px; height: 40px;}
#main .swiper-container .scroll p {color: #fff; font-size: 15px;}

@keyframes scroll {
    50% {transform: translateY(5px);}
}






#main .main_slider .main_txt_wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; text-align: center; color: #fff; width: 100%; padding: 0 60px; font-size: 25px; font-weight: 400;}
#main .main_slider .main_txt_wrap h2 {font-size: 80px; font-weight: bold; margin: 2px 0 2px 0;}
#main .main_slider .main_txt_wrap img {width: 90%; max-width: 324px;}
#main .main_slider .main_txt_wrap .txt {max-width: 760px; display: block; margin: 0 auto;}

#main .btn_wp {display: block; width: 175px; height: 45px; margin: 60px auto 0; color: #fff; font-size: 16px; line-height: 45px; transition: all 0.5s; position: relative; overflow: hidden;}
#main .btn_wp:before {position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; transform: translateY(43px); transition: all 0.3s; z-index: -1; overflow: hidden;}
#main .btn_wp:hover:before {transform: translateX(0px);}

#main .btn_wp.wp2 {display: inline-block; margin: 60px 2px 0;}

#main .main_slider .swiper-slide {background: url(../images/main_01.png) no-repeat 50% 50%;}
#main .main_slider .swiper-slide.slide2 {background-image: url(../images/main_02.png);}



/* section 공통 */
#main .section {padding: 100px 0; text-align: center; max-width: 1180px; margin: 0 auto;}
#main .section .tit {font-size: 30px; font-weight: 600; padding-bottom: 50px;}
#main .section .tit span {position: relative;}
#main .section .tit span:after {position: absolute; content: ''; left: 0; right: 0; bottom: 0; top:41px; height: 7px; background: linear-gradient(to right, #f09049 0%, #95f08d 100%);}



/* about */
#main .about {padding-bottom: 0;}
#main .about .about_top {overflow: hidden; text-align: left; margin-bottom: 20px; margin-top:40px;}

#main .about .about_top img {float: left; max-width: 590px; width: 100%; border-radius:30px;}

#main .about .about_top .top_txt {float: left; margin-left: 40px; margin-top: 40px;}
#main .about .about_top .top_txt h3 {font-size: 42px; font-weight: 600; padding-bottom: 35px; line-height: 48px;}
#main .about .about_top .top_txt span {color: #ed7829;}
#main .about .about_top .top_txt .back {color: #28bb63;}
#main .about .about_top .top_txt .txt2 {margin-top: 30px;}

#main .about .about_mid .ico_wrap li {display: inline-block; margin: 30px -2px 0; max-width: 236px;}
#main .about .about_mid .ico_wrap li h4 {font-size: 20px; font-weight: 600; margin: 12px 0 5px;}

#main .about .about_bottom .bottom_tit {margin: 100px 0 20px;}
/*#main .about .about_bottom h4 span {background: linear-gradient(to left, #0b4693 0%, #2ea9df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}*/

#main .about .about_bottom .tb_project {margin-top: 30px;}
#main .about .about_bottom .tb_project .tb_top_bg {background: #f2f2f2; border-radius: 30px; max-width: 1180px; min-height: 200px; padding: 3px;}
#main .about .about_bottom .tb_project .tb_top {min-height: 200px; border-radius: 30px; overflow: hidden; background: #fff; padding-bottom: 35px;}
#main .about .about_bottom .tb_project .tb_top .left {float: left; margin: 45px 0 0 50px;}
#main .about .about_bottom .tb_project .tb_top .left h4 {font-size: 28px; font-weight: 700; margin-top: 10px;}

#main .about .about_bottom .tb_project .tb_top .right {float: right; margin: 35px 50px 0 0;  overflow: hidden; display: inline-block;}
#main .about .about_bottom .tb_project .tb_top .right li {float: left; font-size: 18px; margin: 0 15px;}
#main .about .about_bottom .tb_project .tb_top .right li p {margin-top: 5px; line-height: 25px;}




/* ecosystem */
#main .eco {position: relative; padding: 40px 0px;}
#main .eco .tit {text-align: left;}
#main .eco .eco_txt {text-align: left; position: absolute; left: 0; top: 180px;}
#main .eco .eco_art {margin-top: 30px; width: 80%; max-width: 1920px;}

#main .eco .eco_list {margin-top: 60px;}
#main .eco .eco_list li {display: inline-block;  border-radius: 30px; padding: 70px 15px; min-height: 400px; max-height: 495px; margin: 0 5px; width: 33.3%; max-width: 380px; background: #daf7e8;}
#main .eco .eco_list li img {padding-bottom: 30px; width: 65%; max-width: 274px;}



/* white paper */
#main .white {background: url(../images/pet_03.png) no-repeat 50% 50%; min-height: 420px; max-width: none; color: #fff; background-size: cover;}
#main .white .tit {padding-bottom: 30px;}
#main .white .tit span:after {background: #fff;}

#main .white .btn_wp {margin-top: 40px; z-index: 1;}
#main .white .btn_wp:before {background: linear-gradient(to right, #6bb6d0 0%, #3fe4bd 100%);}
#main .white .btn_wp:hover:before {background: linear-gradient(to right, #6bb6d0 0%, #3fe4bd 100%);}



/* token info */
#main .token {padding-bottom: 30px;}
#main .token .tb_wrap {overflow: hidden; margin-bottom: 70px;}
#main .token table {/*float: left;*/ margin: 0 auto; border-collapse: separate; border-spacing: 2px; width: 50%; font-size: 18px;}
#main .token table th {padding: 15px 10px; background: #efefef;  font-weight: 400;}
#main .token table td {text-align: left; background: #efefef; width: 396px; padding: 15px 20px;}

#main .token .gra_wrap {overflow: hidden; padding: 0 20px;}
#main .token .gra_wrap .tok {float: left; width: 50%;}
#main .token .gra_wrap .tok img {width: 100%; max-width: 590px; margin: 40px 0;}
#main .token .gra_wrap .tok h4 {font-size: 20px;}

#main .token .gra_wrap .tok .color_list {overflow: hidden; width: 100%; /*max-width: 520px;*/ display: inline-block;}
#main .token .gra_wrap .tok .color_list li {text-align: left; /*float: left;*/ width: 50%; display: inline-block; margin: 0 0px 10px 30px; max-width: 245px; height: 26px; text-indent: 38px; line-height: 26px; background: url(../images/color_list.png) no-repeat;}
#main .token .gra_wrap .tok .color_list li span {font-size: 14px;}
#main .token .gra_wrap .tok .color_list li.ico2 {background-position: 0px -71px;}
#main .token .gra_wrap .tok .color_list li.ico3 {background-position: 0px -35px;}
#main .token .gra_wrap .tok .color_list li.ico4 {background-position: 0px -142px;}
#main .token .gra_wrap .tok .color_list li.ico5 {background-position: 0px -107px;}
#main .token .gra_wrap .tok .color_list li.ico6 {background-position: 0px -178px;}

#main .token .gra_wrap .tok.gra2 .color_list li {background: url(../images/color_list2.png) no-repeat;}
#main .token .gra_wrap .tok.gra2 .color_list li.ico2 {background-position: 0px -71px;}
#main .token .gra_wrap .tok.gra2 .color_list li.ico3 {background-position: 0px -35px;}
#main .token .gra_wrap .tok.gra2 .color_list li.ico4 {background-position: 0px -142px;}
#main .token .gra_wrap .tok.gra2 .color_list li.ico5 {background-position: 0px -107px;}
#main .token .gra_wrap .tok.gra2 .color_list li.ico6 {background-position: 0px -178px;}



/* team */
#main .team {padding: 100px 0 60px;}
#main .team .tit {padding-bottom: 80px;}

#main .team p {font-family: 'Noto Sans KR', sans-serif;}
#main .team p strong {font-size: 25px; color: #313131; vertical-align: bottom; display: inline-block; margin-bottom: 5px; font-family: 'Poppins', 'Noto Sans KR', sans-serif;}
#main .team p span {font-size: 18px; font-weight: 700; vertical-align: 12px; margin: 0 7px; font-family: 'Poppins', 'Noto Sans KR', sans-serif;}

#main .team .mem_list li {display: inline-block; max-width: 570px; width: 50%; color: #b5b5b5; margin: 0 8px 80px;}

#main .team .ceo {text-align: left; margin: 0 0 80px; overflow: hidden;}
#main .team .ceo.last {display: block;}
#main .team .ceo img {float: left; max-width: 160px; width: 100%;}
#main .team .ceo p {float: left; margin-left: 30px; color: #b5b5b5;}


/*background: linear-gradient(40deg, #0f519b 0%, #34bbed 100%);*/
/* 200102 */
#main .chan {background: url(../images/chan_bg.png) no-repeat center bottom; background-size: cover; max-width: none; color: #fff; padding: 200px 0;}

#main .chan h3 {font-size: 20px;}
#main .chan h4 {font-size: 35px; font-family: 'Noto Sans KR', sans-serif;}
#main .chan p {font-size: 35px;}



/* roadmap */
#main .road {background: url(../images/road_bg.png) no-repeat 50% 50%; background-size: cover; max-width: none; padding: 100px 20px;}

#main .road .roadmap {max-width: 1180px; margin: 0 auto; color: #fff; position: relative; padding-top: 30px;}
#main .road .roadmap:before {content: ''; position: absolute; left: 50%; top: 30px; transform: translate(-50%, 0); background: url(../images/road_line.png) repeat-Y top center; width: 3px; height: 100%;}

#main .road .roadmap .box {width: 50%; text-align: right; /*background: linear-gradient(to right, #2eabe1 0%,#0d4a96 100%); border-radius: 25px; margin: 0 0 30px;*/ position: relative; padding-right: 100px; margin-bottom: 50px;}
#main .road .roadmap .box:before {position: absolute; content: ''; right: 70px; top: 50%; transform: translateY(-50%); border-left: 15px solid #0d4a96; border-right: 15px solid transparent; border-top: 15px solid transparent; border-bottom: 15px solid transparent; width: 30px; height: 30px; box-sizing: border-box;}
#main .road .roadmap .box:after {position: absolute; content: ''; background: url(../images/road_hexa.png) no-repeat center center; width: 71px; height: 77px; top: 50%; transform: translateY(-50%); right: -35px;}

#main .road .roadmap .box p {padding: 25px 30px; font-size: 17px; background: linear-gradient(to right, #2eabe1 0%,#0d4a96 100%); border-radius: 25px;}
#main .road .roadmap .box p strong {font-size: 25px;}

#main .road .roadmap .box.right {left: 50%; padding-right: 0px; padding-left: 100px;}
#main .road .roadmap .box.right:before {right: 0; left: 70px; border-left: 15px solid transparent; border-right: 15px solid #0d4a96; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
#main .road .roadmap .box.right:after {right: 0; left: -35px;}

#main .road .roadmap .box.right p {background: linear-gradient(to left, #2eabe1 0%,#0d4a96 100%); text-align: left;}

#main .road .notice {font-size: 15px; color: #acacac;}



/* contact */
#main .contact {padding: 50px 20px;}
#main .contact {background: #eaf3fd; max-width: none;}
#main .contact .sns a {display: inline-block; width: 61px; height: 61px; margin: 0 4px;}
#main .contact .con_logo {margin-top: 60px; display: inline-block; width: 255px; height: 50px;}
#main .contact .copy {font-size: 13px; font-family: 'Noto Sans KR', sans-serif; color: #868686; text-transform: uppercase; margin-top: 20px;}









.section5 {padding: 250px 15px; background: #f3e5df url(../images/sec4_down_bg.png) no-repeat 100% 32%; text-align: center;}
.section5 h3 {color: #ff8325; font-size: 48px; line-height: 50px;}
.section5 .btn_down a {display: inline-block; margin: 40px 10px 0;}
.section5 .btn_down a img {width: 100%; max-width: 235px;}






#footer {padding: 80px 0; background: rgb(19, 19, 19);}

#footer .footer_inner {max-width: 1240px; padding: 0 20px; margin: 0 auto; color: #959595; font-size: 15px; overflow: hidden;}

#footer .footer_inner .left {float: left;}

#footer .footer_inner .f_logo {margin-bottom: 30px;}
#footer .footer_inner .f_logo img {height: 50px;}

#footer .footer_inner span {font-size: 12px; padding: 0 2px; vertical-align: 2px;}
#footer .footer_inner .showbr {display: none;}

#footer .footer_inner address {margin-bottom: 40px;}

#footer .footer_inner .down {float: right;}
/*#footer .footer_inner .down a {display: inline-block; margin-left: 12px;}*/
#footer .footer_inner .down .qrcode {display: inline-block; margin-left: 20px; text-align: center;}
#footer .footer_inner .down .qrcode img {width: 80px;}
#footer .footer_inner .down .qrcode p {margin-top: 10px;}

#footer .btn_top {position: fixed; right: 20px; bottom: 20px; display: none;}











@media screen and (max-width: 1191px){
    #main .team .ceo.last {margin: 0 auto;}
}



/* 분기점1 */
@media screen and (max-width: 1190px) {
    #main .about .about_top {text-align: center;}
    #main .about .about_top img {float: none;}
    #main .about .about_top .top_txt {float: none; margin-top: 30px;}
    #main .about .about_top .top_txt h3 {padding-bottom: 20px;}
    
    #main .about .about_bottom {padding: 0 20px;}
    #main .about .about_bottom .tb_project .tb_top {text-align: center;}
    #main .about .about_bottom .tb_project .tb_top .left {float: none; margin: 45px 0 0;}
    #main .about .about_bottom .tb_project .tb_top .right {float: none; margin: 35px 0 0;}
    
    #main .eco {padding: 15px 20px;}
    #main .eco .eco_txt {left: 20px; margin-top:20px;}
    
    #main .eco .eco_list li {width: 23%; height: 410px;}
    #main .eco .eco_list li .br {display: none;}
    
    #main .token .gra_wrap .tok .color_list li:nth-child(odd) {margin-right: 0;}
    
    #main .team .ceo p {max-width: 250px;}
    #main .team .mem_list li:first-child p {letter-spacing: -0.1em;}
}



/* 타블렛 */
@media screen and (max-width: 1090px) {
    #header .header_inner .gnb_wrap .gnb li {margin: 0 12px;}
    #header .header_inner .gnb_wrap .gnb li a {font-size: 14px;}
    
    #main .main_slider .main_txt_wrap h2 {font-size: 32px;}
    
    #main .eco .tit {text-align: center;}
    #main .eco .eco_txt {position: static; text-align: center;}
    #main .eco .eco_art {margin-top: 60px;}
    
    #main .eco .eco_list li {width: 48%; max-width: none; min-height: auto; height: 345px; padding: 50px 15px;}
    #main .eco .eco_list li:nth-child(1), #main .eco .eco_list li:nth-child(2) {margin-bottom: 15px;}
    #main .eco .eco_list li .br {display: block;}
    
    #main .token .tb_wrap {padding: 0 20px;}
    #main .token table {width: 100%; font-size: 16px;}
    
/*    #main .token .gra_wrap .tok .color_list {max-width: 410px;}*/
    #main .token .gra_wrap .tok .color_list li {margin: 5px 0px; float: none; width: 72%;}
    
    #main .team .ceo {text-align: center; margin-bottom: 40px;}
    #main .team .ceo img {float: none;}
    #main .team .ceo p {float: none; margin-left: 0; max-width: none;}
    
    #main .team .mem_list li p {margin-top: 15px;}
    
    #main .road .notice {margin: 50px 40px 0px;}
}


/* 헤더 및 메뉴 / 어바웃 */
@media screen and (max-width: 970px) {
    #header {display: none;}
    
    #mHeader {display: block; background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 80px; z-index: 9999; padding: 0 20px; box-shadow: 0px 3px 12px rgba(111, 111, 111, 0.04);}
    #mHeader .btn_menu {text-indent: -9999px; background: url(../images/btn_menu.png) no-repeat 50% 50%; background-size: 100%; width: 35px; height: 35px; float: right; border: none; outline: none; margin-top: 22px; transform: rotateZ(180deg);}
    
    #mHeader .menu_wrap {position: fixed; right: 0; top: 0; width: calc(100% - 80px); height: 100%; background: #fff; z-index: 100; transform: translateX(100%); transition: transform 0.5s;}
    
    
    #mHeader .mlang_list {position: absolute; left: 25px; top: 0;}
    #mHeader .mlang_list li {display: inline-block; line-height: 80px; position: relative;}
    #mHeader .mlang_list li:before {position: absolute; content: ''; right: -2px; top: 34px; bottom: 34px; width: 1px; background: #afafaf;}
    #mHeader .mlang_list li:last-child:before {display: none;}
    
    #mHeader .mlang_list li a {color: #313131; padding: 10px; margin: 0 5px;}
    #mHeader .mlang_list li a.active {color: #ed7829; font-weight: bold;}
    
    
    #mHeader .btn_close {text-indent: -9999px; border: none; outline: none; width: 70px; height: 80px; background: url(../images/btn_menu_close.png) no-repeat 50% 50%; background-size: 25px; display: inline-block; float: right;}
    
    #mHeader .menu_wrap .gnb_wrap {padding-top: 80px;}
    #mHeader .menu_wrap .gnb_wrap .gnb li a {display: block;width: 100%;height: 70px;font-size: 18px;line-height: 70px;text-transform: uppercase;color: #313131;border-bottom: 1px solid #eeeeee;text-indent: 40px;}
    #mHeader .menu_wrap .gnb_wrap .gnb li:first-child a {border-top: 1px solid #eeeeee;}
    
    #mHeader .dim {position: fixed;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,.7); display: none;}
    
    #mHeader .menu_wrap.on {transform: translateX(0%);}
    #mHeader .dim.on {display: block;}
    
    #main .main_slider .main_txt_wrap .txt {display: none;}
    
    #main .token .gra_wrap .tok .color_list {max-width: 390px;}
}


/* 분기점2 어바웃 li / 로드맵 */
@media screen and (max-width: 790px) {
    #main .about .about_bottom .tb_project .tb_top .right li {float: none; display: inline-block; margin-bottom: 20px;}
    
    #main .main_slider .main_txt_wrap h2 {font-size: 26px;}
    
    #main .road .roadmap:before {left: 35px;}
    #main .road .roadmap .box {width: 100%; text-align: left; padding-left: 100px; padding-right: 0;}
    #main .road .roadmap .box:before {left: 70px; border-left: 15px solid transparent;
    border-right: 15px solid #0d4a96;}
    #main .road .roadmap .box:after {right: 0; left: 0;}
    
    #main .road .roadmap .box.right {left: 0; padding-left: 100px;}
    #main .road .roadmap .box.right:before {left: 70px;}
    #main .road .roadmap .box.right:after {left: 0;}
    
    #main .road .roadmap .box p {background: linear-gradient(to left, #2eabe1 0%,#0d4a96 100%);}
}


/* 모바일 */
@media screen and (max-width: 767px) {


    
    #main .swiper-container .video {display: none;}
    #main .swiper-container .video2 {display: block; width: 100%;}



    #main .main_slider .swiper-slide {background: url(../images/main_01_m.png) no-repeat 50% 50%;}
    #main .main_slider .swiper-slide.slide2 {background-image: url(../images/main_02_m.png);}

    #main .about .about_top .top_txt h3 {font-size: 32px; font-weight: 600; line-height: 36px;}

    #main .main_slider .main_txt_wrap h2 {font-size: 35px; margin: 30px 0 25px 0;}
    #main .main_slider .main_txt_wrap p {font-size: 18px; margin: 0px 0 45px;}
    #main .btn_wp.wp2 {margin: 0px 0 15px;}
    
    #main .about .about_top .top_txt {margin: 30px 20px 0;}
    #main .about .about_mid .ico_wrap li {margin-top: 30px;}
    
    #main .about .about_bottom .tb_project .tb_top {padding-bottom: 15px;}
    
    #main .eco .eco_list li {width: 100%; margin-bottom: 15px;}
    
    #main .white p {padding: 0 20px;}
    
    #main .token .gra_wrap .tok {float: none; width: 100%;}
    #main .token .gra_wrap .tok.gra1 {margin-bottom: 50px;} 
    #main .token .gra_wrap .tok .color_list {max-width: 440px;}
    
    #main .team p strong {font-size: 23px;}
    #main .team p span {font-size: 16px;}
    #main .team .mem_list li {margin-bottom: 60px;}


    #main .eco .eco_list li img {padding-bottom: 30px; width: 35%; max-width: 274px;}

    #main .eco .eco_art {margin-top: 30px; width: 100%; max-width: 1920px;}

    .section5 {background: #f3e5df url(../images/sec4_down_bg_m2.png) no-repeat center 10%; height: 830px; padding: 550px 15px 0;}
    .section5 h3 {font-size: 32px; margin-bottom: 10px; line-height: 40px;}
    .section5 .btn_down a {margin-top: 25px; width: 40%}




    


    #footer .footer_inner {text-align: center;}
    #footer .footer_inner .left {float: none;}
/*    #footer .footer_inner .down {float: none; margin-top: 50px;}*/
    #footer .footer_inner .down .qrcode {display: none;}
    
    #footer .footer_inner .showbr {display: block;}
    #footer .footer_inner .nospan {display: none;}
    
    #footer .btn_top img {height: 60px;}



}