/* common S */
@media all and (min-width:320px) and (max-width:1024px) {

    .mb_nav {display:block;}
    
    .banner_video video {height:600px; width:auto;}
    .banner_video:after {height:600px;}
    .banner_in {top:100px;}
    
    .con_wrap {padding-left:10px; padding-right:10px;}
    .con01 .img_wrap {width:100%;}
    
    .con02 .list_wrap, .con05 ul {width:100%;}
    
    .con03 {width:100%;}
    
    .con07 {margin-bottom:0;}
    
    .con09 .slider_wrap {width:100%;}
    .con09 .slider_wrap li {padding:60px;}
    .con09 .slider_wrap li p {font-size:20px;}
    
    .con10 {background-position:center; background-size:150%;}
    .con10 p {width:100%; margin-bottom:0;}
    
    .footer {width:100%; padding:20px 10px;}
    .foot_list li:first-child {margin-right:20px;}
    
    
    .ecosystem_banner .eco_ba_txt {width:calc(100% - 20px);}
    .eco_con01, .eco_con02_top ul {width:100%;}
    
    .eco_con03_top, .eco_con03_bottom .img_wrap, .eco_con04 .img_wrap, 
    .toke_con > div {width:100%;} {width:100%;}
    .eco_con03_top {overflow:hidden;}
    
    .toke_con .key_list {padding-left:0;}
    
}
/* common E */

/* tablet S */

@media all and (min-width:641px) and (max-width:1207px) {

    .mb_nav {display:none;}
    .foot_list li:first-child {margin-right:20px;}
    
    .con02 .list_wrap li, .con05 ul li {width:calc(50% - 30px);}
    .con03 .con03_top {padding-left:160px;}
    .con03 .img_wrap {left:0;}
    .con03 .list_wrap ul li {padding:20px 10px;}
    .con03 .list_wrap ul li h5 {font-size:28px;}
    .con04 .cl_flex, .con06 .img_wrap, .con07 .img_wrap {width:100%;}
    .con04 .cl_flex {padding:0 10px;}
    .con04 .cl_flex div {width:calc(50% - 20px);}
    .con04 .cl_flex .img_wrap {display:flex; align-items:center;}
    .con05 ul li:after {top:120px; width:60px; height:73px;}
    .con07 .img_wrap.con_cha {left:auto; right:30px;}
    .con08 {width:100%;}
    .con08 .fl_left, .con08 .fl_right {width:calc(50% - 15px);}
    .con08 .fl_left {margin-right:30px;}
/*    .con09 .slider_wrap li {width:750px !important;}*/
    
    .banner_bottom .img_ab {top:-160px; left:calc(50% - 100px); width:200px;}
    .about_con01 .about_con01_bottom .con_in {width:100%;}
    .about_con02 .con_list_wrap {width:100%;}
    .about_con02 .con_list_wrap ul li .img_wrap, .about_con02 .con_list_wrap ul li .list_txt {width:calc(50% - 20px);}
    .about_con02 .con_list_wrap ul .txt_right .list_txt {margin-left:40px;}
    .about_con02 .con_list_wrap ul .txt_left .list_txt {margin-right:40px;}
    .about_con02:after {display:none;}
    
    .eco_con02_top ul li {width:calc(25% - 45px); margin-right:60px;}
    .eco_con02_top ul li .border_gra {width:calc(100% - 2px);}
    
    .eco_con02_bottom {width:100%;}
    .eco_con02_bottom .in_top {width:calc(100% - 100px); padding-left:100px; margin:0 0 60px 100px;}
    .eco_con02_bottom .in_bottom {display:block;}
    .eco_con02_bottom .in_bottom .bottom_left {width:553px; margin:0 auto 40px;}
    .eco_con02_bottom .in_bottom .bottom_right {width:100%; text-align:center;}
    .eco_con02_bottom .in_bottom .bottom_right p {width:100%;}
    .eco_con03 {background-position:center left; background-size:cover;}
    .eco_con03_top .con_cha {right:-75px;}
    
    .toke_con .key_list {padding-left:40px;}
    .toke_con .table .table_tit strong:nth-child(2) {padding-left:10px; margin-right:5px;}
    .toke_con .token_list .table_tit strong:first-child {margin-right:10px;}
    .toke_con .token_list .table_tit strong:nth-child(2) {padding-left:10px; margin:0;}
    
}
@media all and (min-width:824px) and (max-width:1207px) {
    
    .banner_in {top:100px;}
    
    .con01 .img_wrap {width:845px;}
    .con07 .img_wrap.con_cha {left:auto; right:80px !important;}
    
    .eco_con03 {background-position:top 100px left; background-size:cover;}
    
    .toke_con .token_list .table_tit strong:first-child {padding-left:0; margin-left:-50px;}
    .toke_con .token_list .table_tit strong:nth-child(2) {margin-left:-30px;}
    .toke_con .table .table_tit strong:first-child {margin-left:-100px;}
    .toke_con .table .table_tit strong:nth-child(2), .toke_con .table .table_txt span:nth-child(2) {width:100px; text-align:center;}
    .toke_con .table .table_tit strong:nth-child(2) {padding-left:35px;}
    
    .footer {width:100%; padding:15px 10px;}
    .foot_list li:first-child {margin-right:160px;}
    
}

/* tablet E */

/* mobile S */
@media all and (min-width:290px) and (max-width:640px) {

    .header {position:fixed; width:100%; top:0px; left:0px; padding:20px 0px 20px 10px; margin-left:0; background:rgba(0,0,0,0.4);}
    .logo a {width:70px; height:39px; margin-top:0;}
    .nav {display:none;}
    .mb_nav {}
    .mb_nav .btn_open {width:30px; height:30px; padding:5px; margin-right:20px;}
    .mb_nav .btn_open span {display:block; width:100%; height:1px; margin-bottom:5px; background:#fff;}
    .mb_nav_wrap {position:fixed; width:60%; height:100%; top:0; right:-75%; z-index:9999;}
    .mb_nav_wrap ul {width:100%; height:100%; margin-left:auto; background:#000;}
    .mb_nav_wrap li {padding:30px 10px; text-align:right; border-bottom:1px solid #656565;}
    .mb_nav_wrap li:last-child {border:none;}
    .btn_close {position:absolute; width:40px; height:40px; top:0; left:-40px; background:#000;}
    .btn_close span {display:block; position:absolute; top:20px; left:8px; width:25px; height:1px; background:#fff;}
    .btn_close span:first-child {transform: rotate(45deg);}
    .btn_close span:last-child {transform: rotate(-45deg);}
    
    .foot_list ul {display:block;}
    .foot_list ul li {margin-bottom:20px;}
    
    .main_banner {overflow:auto;}
    .banner_video {overflow:hidden;}
    .banner_in {width:100%; left:0; padding:0 10px;}
    .banner_in img {width:50%;}
    .banner_in h2 {font-size:30px;}
    .banner_in p {line-height:1.3em; font-size:14px;}
    .btn_touch {line-height:40px; font-size:16px;}
    .con_wrap p {line-height:1.3em;}
    .con01 h3 {font-size:32px;}
    .con01 p {font-size:14px;}
    .con02 {padding-top:200px;}
    .con02 .img_wrap {width:50%;}
    .con02 h3, .con05 h3 {font-size:32px;}
    .con02 .list_wrap ul {display:block;}
    .con02 .list_wrap li, .con05 ul li {width:100%; margin:0 0 40px 0;}
    .con02 .list_wrap li .img_wrap {width:80px;}
    .con02 .list_wrap li h4, .con05 ul li h5 {font-size:26px;}
    .con03_top {padding-left:100px;}
    .con03 .img_wrap {top:-30px; left:0px; width:130px;}
    .con03 h3 {font-size:36px;}
    .con03_top p {font-size:14px;}
    .con03 .list_wrap ul li {width:50%; padding:20px 10px;}
    .con03 .list_wrap ul li h5 {font-size:24px;}
    .con03 .list_wrap ul li:nth-child(2n) {border-right:none;}
    .con03 .list_wrap ul li:nth-child(5),.con03 .list_wrap ul li:nth-child(6) {border-bottom:1px solid #5fa4e6;}
    .con04 {padding:200px 10px; background-size:cover; background-position:left -400px top 0;}
    .con04 h3 {font-size:36px;}
    .con04 > p {width:100%; font-size:16px;}
    .con04 .cl_flex {display:block; width:100%;}
    .con04 .cl_flex div {width:100%;}
    .con04 h4 {font-size:30px;}
    .con04 .cl_flex p {color:#e5e5e5; font-size:14px;}
    .con04 .cl_flex .img_wrap {width:100px;}
    .con05 .img_wrap {width:100px;}
    .con05 ul li:after {width:30px; left:10px; top:80px;}
    .con06 h3 {font-size:36px;}
    .con06 p {font-size:20px;}
    .con06 .img_wrap, .con06 .con_in {width:100%; font-size:15px;}
    .con07 {padding-top:150px; background-position:right -350px top 0;}
    .con07 h3 {font-size:36px;}
    .con07 .img_wrap, .con07 p {width:100%; font-size:15px;}
    .con07 .img_wrap.con_cha {width:105px; top:100px; left:calc(50% + 85px);}
    .con08 {display:block; width:100%;padding-top:300px; margin-bottom:400px; background-image:url(../img/Circle03.png); background-position:left -200px top 60px;}
    .con08 .fl_left {width:100%; padding:0; margin-bottom:200px; text-align:center; background-size:10px;}
    .con08 .fl_left h3 {font-size:46px;}
    .con08 .fl_left p {padding:0; font-size:16px;}
    .con08 .fl_right {width:100%; margin:0 auto;}
    .con08 .fl_right .rig_left {width:50%; margin:0;}
    .con08 .fl_right .rig_left li ,.con08 .fl_right .rig_right  li{width:100%;}
    .con08 .fl_right ul li {width:calc(100% - 10px);}
    .con08 .fl_right .rig_right {right:0px; width:calc(50% - 10px);}
    .con08 .fl_right .rig_right li:nth-child(2) .img_wrap {width:100%;}
    .con09 h4 {font-size:39px;}
    .con09 > p {font-size:15px;}
    .con09 .slider_wrap li {padding:30px 10px;}
    .con09 .slider_wrap li p {font-size:14px;}
    .con09 .slider_wrap li .small {padding:0; margin:0; border:none;}
    .con10 {padding:200px 10px; background-size:200%;}
    .con10 p {font-size:14px;}
    
    .about_banner {padding-top:100px;}
    .banner_txt h3 {font-size:44px;}
    .banner_bottom .img_ab {width:180px; top:-150px; left:calc(50% - 90px);}
    .banner_bottom .icon_wrap {width:247px; padding-top:100px;}
    .banner_bottom .icon_wrap .img_wrap:first-child {width:42px;}
    .banner_bottom .icon_wrap .img_wrap:nth-child(2) {width:62px;}
    .banner_bottom .icon_wrap .img_wrap:nth-child(3) {width:81px;}
    .banner_bottom .icon_wrap .img_wrap:last-child {width:62px;}
    .about_con01 h4 {font-size:38px;}
    .about_con01 .about_con01_top p {font-size:14px;}
    .about_con01 .about_con01_top .img_wrap {width:100%;}
    .about_con01 .about_con01_bottom span {font-size:20px;}
    .about_con01 .about_con01_bottom .con_in {width:100%; font-size:16px;}
    .about_con02 {background-size:cover;}
    .about_con02 h4 {font-size:44px;}
    .about_con02 .con_list_wrap {width:100%;}
    .about_con02 .con_list_wrap ul li .img_wrap {width:100px;}
    .about_con02 .con_list_wrap ul li .list_txt {max-width:calc(100% - 110px);}
    .about_con02 .con_list_wrap ul .txt_left .list_txt {margin-right:10px;}
    .about_con02 .con_list_wrap ul .txt_right .list_txt {margin-left:10px;}
    .about_con02 .con_list_wrap ul li .list_txt span {font-size:18px;}
    .about_con02 .con_list_wrap ul li .list_txt h5 {font-size:40px;}
    .about_con02 .con_list_wrap ul li .list_txt p {font-size:14px;}
    .about_con02:after {display:none;}
    
    .ecosystem_banner {height:600px; padding-top:250px; background-size:contain;}
    .ecosystem_banner .eco_ba_txt h3 {font-size:44px;}
    .eco_con01 h4, .eco_con02 h4 {font-size:38px;}
    .eco_con02 {background-size:cover; background-position:right -550px bottom -100px;}
    .eco_con02_top, .eco_con03, .eco_con04 {margin-bottom:150px;}
    .eco_con02_top ul li {width:calc(50% - 40px); margin-right:40px; margin-bottom:20px;}
    .eco_con02_top ul li:nth-child(2n) {margin-right:0;}
    .eco_con02_top ul li:nth-child(3) {margin-left:40px;}
    .eco_con02_top ul li .border_gra {width:calc(100% - 2px);}
    .eco_con02_top ul li:after {right:-37px;}
    .eco_con02_bottom {width:100%;}
    .eco_con02_bottom .in_top {width:80%; padding-left:60px;}
    .eco_con02_bottom .in_top h3 {font-size:40px;}
    .eco_con02_bottom .in_top p {font-size:14px;}
    .eco_con02_bottom .con_cha {width:100px; top:40px;}
    .eco_con02_bottom .in_bottom {display:block;}
    .eco_con02_bottom .in_bottom .bottom_left {margin:0 0 20px 0;}
    .eco_con02_bottom .in_bottom .bottom_right {width:100%; text-align:center;}
    .eco_con02_bottom .in_bottom .bottom_right h5 {font-size:30px;}
    .eco_con02_bottom .in_bottom .bottom_right p {width:100%; font-size:16px;}
    .eco_con03 {background-size:cover; background-position:left -200px top;}
    .eco_con03_top h3, .eco_con04 h3, .eco_con03_bottom h3 {font-size:46px;}
    .eco_con03_top p, .eco_con03_top .con03_in ul li p {font-size:16px;}
    .eco_con03_top .con03_in {padding-right:100px;}
    .eco_con03_top .con03_in ul li h4 {font-size:30px;}
    .eco_con03_top .con_cha {width:200px; right:-44px; bottom:100px;}
    .eco_con03_bottom p, .eco_con04 p {width:100%; font-size:16px;}
    
    .toke_tit {padding-top:100px;}
    .toke_tit h2 {font-size:44px;}
    .toke_tit p {font-size:26px;}
    .toke_con .key_list {padding-right:0;}
    .toke_con .key_list li {display:block;}
    .toke_con .key_list .list_txt {width:100%; font-size:16px;}
    .toke_con .table {padding:0;}
    .toke_con .table .table_tit strong {margin-left:-5px;}
    .toke_con .table .table_txt {padding:15px 10px;}
    .build .img_wrap {width:100%;}
    .toke_con h5 {font-size:26px; padding:0;}
    .toke_con .table .table_tit strong:first-child {width:20%;}
    .toke_con .table .table_tit strong:nth-child(2) {width:10%;}
    .toke_con .table .table_tit strong:nth-child(3) {width:30%;}
    .toke_con .table .table_tit strong:last-child {width:40%;}
    .toke_con .table .table_txt span {font-size:13px;}
    .toke_con .table .table_txt span:first-child {width:20%;}
    .toke_con .table .table_txt span:nth-child(2) {width:10%;}
    .toke_con .table .table_txt span:nth-child(3) {width:30%;}
    .toke_con .table .table_txt span:last-child {width:40%;}
    .toke_con .token_list .table_tit strong:first-child, .toke_con .token_list .table_txt span:first-child {width:20%; padding:0;}
    .toke_con .token_list .table_tit strong:nth-child(2), .toke_con .token_list .table_txt span:nth-child(2) {width:20%;}
    .toke_con .token_list .table_tit strong:last-child, .toke_con .token_list .table_txt span:last-child {width:60%;} 
    .toke_con .token {position:relative; margin-bottom:60px;}
    .token .img_wrap {width:250px;}
    .per_wrap {position:absolute; width:320px; height:200px; bottom:10px; left:calc(50% - 160px);}
    .per {font-size:14px !important;}
    .per span {font-size:16px;}
    .per01 {top:20px; left:0px;}
    .per02 {right:-20px; top:40px;}
    .per02 span {display:block; text-align:left;}
    .per03 {right:-20px; bottom:10px;}
    .per03 span {text-align:center;}
    .per04 {right:30px; bottom:-30px;}
    
    .company {padding-top:150px;}
    .company section {margin-bottom:180px;}
    .company h5 {font-size:28px;}
    .overview {width:100%;}
    .overview p {font-size:14px;}
    .company h2, .company h3 {font-size:44px;}
    .com_logo h3 {font-size:36px;}
    .overview .com_tit p {font-size:26px;}
    .overview h4 {font-size:28px;}
    .team_list {width:100%;}
    .team_list li {align-items:;}
    .team_list li .img_wrap {width:calc(35% - 20px);}
    .team_list li div {width:65%;}
    .team_list li .img_wrap {margin-right:20px;}
    .team_list li.txt_right .img_wrap {margin-left:20px;}
    .team_list li span {display:inline-block; line-height:1em;}
    .team_list li h6 {font-size:22px;}
    .team_list li p {font-size:13px;}
    .team_list li .p_mar p {margin-bottom:0;}
    .com_partner .par_list {width:100%;}
    .com_partner .par_list li {width:50%;}
    
    .bx-wrapper .bx-controls-direction a {z-index:99;}
    
}
/* mobile E */