/** btn **/
a.xbtn {height:52px; line-height:52px; border-radius:28px; padding:0 36px; min-width:200px; margin:0 10px 10px 0; text-align:center; transition: all 0.3s;}
a.xbtn02 {height:40px; line-height:40px; border-radius:8px; padding:0 20px; min-width:100px; margin:0 10px 10px 0; text-align:center; transition: all 0.3s;}
a.xbtn02:last-child {margin:0;}
a.xbtn32 {height:40px; line-height:40px; border-radius:20px; padding:0 20px; min-width:100px; margin:0 10px 10px 0; text-align:center; transition: all 0.3s;}
a.xbtn32:last-child {margin:0;}
a.xbtn03 {height:40px; line-height:40px; border-radius:8px; padding:0; min-width:100px; width: 50%; margin:0 10px 10px 0; text-align:center; transition: all 0.3s;}
a.xbtn03:last-child {margin:0;}
a.xbtn22 {height:40px; line-height:40px; border-radius:8px; padding:0 20px; margin:0 10px 10px 0; text-align:center; transition: all 0.3s;}
a.xbtn22:last-child {margin:0;}

a.xbtn_blue {background: #2936d6;}
a:hover.xbtn_blue {background: #fff;}

a.xbtn_white {background: #fff;}
a:hover.xbtn_white {background: #2936d6;}

a.xbtn_whline {border:1px solid #fff;}
a:hover.xbtn_whline {background:#fff;}

a.xbtn_white_af {color:#fff; font-size: 15px; font-weight: 500;}
a:hover.xbtn_white_af {color:#101010;}

a.xbtn_black_af {color:#101010; font-size: 15px; font-weight: 500;}
a:hover.xbtn_black_af {color:#fff;}

a.xbtn_inwhite span {font-size:16px; font-weight:bold; color:#fff; padding-right:48px; text-align:left; background: url(/assets/img/XTRION/icon_arrow_right.svg) right center no-repeat;}
a:hover.xbtn_inwhite span {color:#101010; background: url(/assets/img/XTRION/icon_arrow_right_bk.svg) right center no-repeat;}

a.xbtn_inblack span {font-size:16px; font-weight:bold; color:#101010; padding-right:48px; text-align:left; background: url(/assets/img/XTRION/icon_arrow_right_bk.svg) right center no-repeat;}
a:hover.xbtn_inblack span {color:#fff; background: url(/assets/img/XTRION/icon_arrow_right.svg) right center no-repeat;}

a.xbtn_app {display: flex; align-items: center; justify-content: center;}
a.xbtn span.xbtn_google_ai {display: block; width:116px; height:24px; background:url(/assets/img/XTRION/google_logo.svg) 50% 50% no-repeat; background-size: cover; padding:0;}
a:hover.xbtn span.xbtn_google_ai {background:url(/assets/img/XTRION/google_logo_black.svg) 50% 50% no-repeat;}
a.xbtn span.xbtn_appstore_ai {display: block; width:102px; height:24px; background:url(/assets/img/XTRION/appstore_logo.svg) 50% 50% no-repeat; background-size: cover; padding: 0;}
a:hover.xbtn span.xbtn_appstore_ai {background:url(/assets/img/XTRION/appstore_logo_white.svg) 50% 50% no-repeat;}

@media (max-width:1024px) {
    a.xbtn {height:48px; line-height:48px; border-radius:24px; padding:0 36px;}
    a.xbtn_inwhite span {font-size:15px;}
    a.xbtn_inblack span {font-size:15px;}
}
@media (max-width:480px) {
    a.xbtn {padding:0; min-width:100%; margin:0 0 16px 0;}
    a.xbtn_inwhite span {display:block; width:80%; margin:0 auto; font-size:14px; padding-right:0;}
    a.xbtn_inblack span {display:block; width:80%; margin:0 auto; font-size:14px; padding-right:0;}
}

@media (max-width:480px) {
    a.xbtn_inwhite span {width:85%;}
    a.xbtn_inblack span {width:85%;}
    a.xbtn03 {width:100%;}
}


/***** // header // *****/
#xheader {position: fixed; width:100%; max-width:100%; margin:0 auto; height:80px; background: rgba(0, 0, 0, 0.85); padding:20px 120px; z-index:5000; transition:all 0.3s;}
.xhead_box {position: relative; width:100%; display:flex; justify-content: space-between; align-items: start;}
h1.xlogo {padding:5px 0;}
h1.xlogo a {width:88px; height:30px; display:block; text-indent: -9999px; font-size:0; background: url(/assets/img/XTRION/LOGO.png) 0 0 no-repeat; background-size: cover;}

.top_right {width:150px; height: 40px; /*로그인, 지갑 숨김 display: flex; justify-content: space-between;*/}
.top_right_mem {display: flex;}
.top_right_mem li {width:40px; height:40px; margin-left:10px; background: rgba(255, 255, 255, 0.1); border-radius: 20px; display:flex; align-items:center; justify-content:center; font-size:0;}
.top_right_mem li:hover {background: rgba(255, 255, 255, 0.2); transition:background 0.3s;}
.top_right_mem li.top_wallet {background:rgba(41, 54, 214, 0.8);}
.top_right_mem li.top_wallet:hover {background:rgba(41, 54, 214, 1.0); transition:background 0.3s;}
.top_right_mem li a {display:block;}
.top_right_mem li a img {width:20px;}
.language_box {width: 40px; height:40px; margin-left: 10px; background: rgba(255, 255, 255, 0.1); border-radius: 20px; /* 로그인, 지갑 숨김으로 추가 */ float: right;}
.language_box:hover {background: rgba(255, 255, 255, 0.2); transition:background 0.3s;}

@media (max-width:1440px) {
	#xheader {padding:20px 100px;}
	h1.xlogo a {width:80px; height:27px;}
	.top_right {width:132px; height: 36px;}
	.top_right_mem li {width:36px; height:36px; margin-left:8px;}
	.language_box {width:36px; height:36px; margin-left: 8px;}
}

@media (max-width:1280px) {
	#xheader {padding:20px 80px;}
	.top_right {width:114px; height: 32px;}
	.top_right_mem li {width:32px; height:32px; margin-left:6px;}
	.language_box {width:32px; height:32px; margin-left: 6px;}
}

@media (max-width:1024px) {
	#xheader {height:60px; padding:14px 30px;}
	h1.xlogo a {width:71px; height:24px;}
	.top_right {margin-right:34px;}
}

@media (max-width:768px) {
	#xheader {padding:14px 20px; }
}

@media (max-width:320px) {
	#xheader {padding:14px 10px; }
}

/***** // main // *****/
#wrap_main {position:relative; width:100%;}

/** intro **/
.mv_ar {position: relative; width:100%; height:100vh; overflow: hidden; transition:all 0.3s;}
.mvv_box {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; overflow:hidden; z-index:0;}
.mvv_video {position:absolute; width:100vw; min-width:177.77vh; height:56.25vw; min-height:100vh;}

.mvvtext_ar {position:absolute; top:50px; left:0; width:100%; height:calc(100% - 80px); display:flex; justify-content:center; align-items:center; z-index:3;}
.mvb_top {text-align:center; padding:0 40px 60px 40px;}
.mvb_top_md {font-size:27px; font-weight:500; color:#fff;}
.mvb_top_lg {font-size:96px; line-height:1.2; margin-bottom:20px; font-weight:600; color:#fff;}
.mvb_top_sm {font-size:18px; font-weight:300; color:rgba(255, 255, 255, 0.7);}
.mvb_bot {position:relative; width:100%; margin:0 auto; max-width:990px; display:grid; grid-template-columns:repeat(5, 1fr); gap:60px; justify-content:center; align-items:start;}
.mvb_bot div {display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:400; color:#fff; width:150px; height:150px; background:url(/assets/img/XTRION/mv_Obg21.svg) 50% 50% no-repeat; background-size:cover;}
.mvb_bot div.mv_Obg02 {background:url(/assets/img/XTRION/mv_Obg22.svg) 50% 50% no-repeat; background-size:cover;}
.mvb_bot div.mv_Obg03 {background:url(/assets/img/XTRION/mv_Obg23.svg) 50% 50% no-repeat; background-size:cover;}
.mvb_bot div.mv_Obg04 {background:url(/assets/img/XTRION/mv_Obg24.svg) 50% 50% no-repeat; background-size:cover;}
.mvb_bot div.mv_Obg05 {background:url(/assets/img/XTRION/mv_Obg25.svg) 50% 50% no-repeat; background-size:cover;}
.mmagt60 {margin-top:60px;}
video.mvintro {min-height:100vh; width: 100%;}

@media (max-width:1440px) {
	
}

@media (max-width:1280px) {
	.mvb_top {padding:0 40px 40px 40px;}
	.mvb_top_md {font-size:23px;}
	.mvb_top_lg {font-size:72px; margin-bottom:20px;}
	.mvb_top_sm {font-size:16px;}
	.mvb_bot {max-width:720px; gap:40px;}
	.mvb_bot div {font-size:18px; width:120px; height:120px;}
	.mmagt60 {margin-top:45px;}
}

@media (max-width:1024px) {
	
}

@media (max-width:768px) {
	.mvb_top {padding:0 40px 30px 40px;}
	.mvb_top_md {font-size:20px;}
	.mvb_top_lg {font-size:56px; margin-bottom:20px;}
	.mvb_top_sm {font-size:15px;}
	.mvb_bot {max-width:490px; gap:10px;}
	.mvb_bot div {font-size:16px; width:90px; height:90px;}
	.mmagt60 {margin-top:30px;}
}

@media (max-width:480px) {
    .mvb_top {padding:0 20px 30px 20px;}
	.mvb_top_md {font-size:18px; line-height:1.4;}
	.mvb_top_lg {font-size:42px; margin-bottom:15px;}
	.mvb_top_sm {font-size:14px; line-height:1.4;}
	.mvb_bot {display:flex; flex-wrap: wrap; max-width:280px; gap:0; justify-content:center; align-items:center;}
	.mvb_bot div {width:90px; height:90px; margin-left:5px; margin-bottom:5px; font-size:14px;}
	.mvb_bot div:first-child {margin-left:0px;}

	.mmagt60 {margin-top:0;}
}

@media (max-width:320px) {
	.mvb_top_md {font-size:16px;}
	.mvb_top_lg {font-size:35px;}
	.mvb_top_sm {font-size:13px;}
    .mvb_bot {display:flex; flex-wrap: wrap; max-width:250px; gap:0; justify-content:center; align-items:center;}
	.mvb_bot div {width:80px; height:80px; margin-left:5px; margin-bottom:5px; font-size:14px;}
}

/** main-mainnet **/
.m_mainnet {position: relative; width:100%; height:100vh; overflow: hidden; transition:all 0.3s;}

.mnv_box {position:absolute; width:100%; height:100%; overflow:hidden; z-index:0;}
.mnv_video {position:absolute; width:100vw; min-width:177.77vh; height:56.25vw; min-height:100vh;}

.mntext_ar {position:absolute; top:0; left:0; width:100%; height:100%; padding:120px 120px 80px 120px; z-index:3; display:flex; align-items:center; justify-content:center;}
.mntext_box {position:relative; width:100%; padding-left:20%; padding-bottom:40px;}

.xtit_ar {position:relative; width:100%; margin-bottom:60px;}
h2.xtit_h2 {font-size:56px; color:#fff; font-weight:600; line-height:1.3; margin-bottom:10px;}
h2.xtit_h2 span {color:#2a6bd3;}
.xtit_add {font-size:17px; color:rgba(255,255,255,0.7); line-height:1.3;}

.mmainnet_list {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
.mmainnet_list div {width:100%; height:100%; max-height:460px; background:rgba(0,0,0,0.7); border-radius:18px; padding:40px 30px;}
.mmainnet_list div dt {color:#fff; font-weight:600; font-size:23px; padding-bottom:5px;}
.mmainnet_list div dd {font-size:14px;}
.mpadb10 {padding-bottom:10px;}
.mmagt_mainnet {margin-top:60px;}
video.mnbg {max-width:120%; width: 100%; min-height:100vh;}

@media (max-height:720px) and (max-width:360px) {
    .m_mainnet {min-height:750px;}
}

@media (max-width:1440px) {
	.mntext_ar {padding:100px 100px 60px 100px;}
	.mntext_box {padding-left:15%;}
	.xtit_ar {margin-bottom:40px;}
	h2.xtit_h2 {font-size:48px;}
	.xtit_add {font-size:16px;}
}

@media (max-width:1280px) {
	.mntext_ar {padding:80px 80px 40px 80px;}
	.mntext_box {padding-left:0;}
	.xtit_ar {margin-bottom:30px;}
	h2.xtit_h2 {font-size:40px;}
	.xtit_add {font-size:15px;}
	.mmainnet_img img {width:160px; height:auto;}
	.mmagt_mainnet {margin-top:40px;}
}

@media (max-width:1024px) {
	.mntext_ar {padding:50px 30px 20px 30px;}
	.mmainnet_list div dt {font-size:20px;}
	.mmainnet_list div {padding:20px;}
	.mmainnet_img img {width:140px; height:auto;}
	.mmagt_mainnet {margin-top:0;}
}

@media (max-width:768px) {
	.mntext_ar {padding:40px 20px 20px 20px;}
	h2.xtit_h2 {font-size:30px; margin-bottom:5px;}
	.xtit_add {font-size:14px;}
	.mmainnet_list {grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); gap:10px;}
	.mmainnet_list div {padding:20px 12px;}
	.mmainnet_list div dt {font-size:17px; margin-bottom:0;}
	.mmainnet_img img {width:100px; height:auto;}
	.mpadb10 {padding-bottom:0;}
	
}

@media (max-width:480px) {
	h2.xtit_h2 {font-size:27px;}
	.mmainnet_list {display:block; gap:0;}
	.mmainnet_list div {display:flex; justify-content: space-between;  margin-bottom:10px;}
	.mmainnet_list div dd {line-height:1.4;}
	.mmainnet_img {width:70px;}
	.mmainnet_img img {width:70px; height:auto;}	
}

@media (max-width:320px) {
    h2.xtit_h2 {font-size:25px;}
	.m_mainnet {min-height:800px;}
	.mntext_ar {padding:40px 10px 0 10px;}
}

/** main-solution **/
.m_solution {position:relative; width:100%; padding:80px 120px; background:url(/assets/img/XTRION/main_bg_solution.png) top center repeat-y; background-size: cover;}
.tit_cttst {text-align:center;}
.tit_lttst {text-align:left;}
.tit_rttst {text-align:right;}
.msolution_box_ar {position:relative; width:100%;}
.ms_box_img {position:relative; width:80%; max-width:600px; margin:0 auto;}
.ms_box_img img {width:100%; animation: 2s ease infinite ms_img_ani; opacity:0.8;}
@keyframes ms_img_ani {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-20px);}
}
.ms_box_ar {position:relative; width:70%; margin:0 auto; margin-top:-80px; display:grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); gap:40px;}
a.a_ms_box:hover .ms_box {background:rgba(41, 54, 214, 0.38); padding:30px 40px 50px 40px; transition:all 0.3s;}
.ms_box {width:100%; background:rgba(255, 255, 255, 0.12); padding:40px; border-radius: 18px; transition:all 0.3s;}
.ms_mimg img {width:60%; max-width:140px;}
.ms_box dl dt {color:#fff; font-weight:600; font-size:23px;}
.ms_box dl dd {font-size:14px; min-height:50px; margin-bottom:15px;}

@media (max-width:1440px) {
    .m_solution {padding:80px 100px;}
    .ms_box_ar {width:80%; gap:30px;}
    a.a_ms_box:hover .ms_box {padding:20px 30px 40px 30px;}
    .ms_box {padding:30px;}
}

@media (max-width:1280px) {
    .m_solution {padding:60px 80px;}
    .ms_box_ar {width:88%; gap:20px;}
    
}

@media (max-width:1024px) {
    .m_solution {padding:60px 30px;}
    .ms_box_ar {width:100%; gap:20px;}
    a.a_ms_box:hover .ms_box {padding:10px 20px 30px 20px;}
    .ms_box {padding:20px;}
    .ms_box dl dt {font-size:20px;}
    .ms_box dl dd {margin-bottom:10px;}
}

@media (max-width:768px) {
    .m_solution {padding:50px 20px;}
    .ms_box dl dt {font-size:17px;}
    .ms_box dl dd {min-height:70px;}
    .ms_box_ar {gap:10px;}
    
}

@media (max-width:480px) {
    .m_solution {padding:40px 20px;}
    .ms_box_ar {display:block; gap:0;}
    .ms_mimg img {width:90%; max-width:80px;}
    a.a_ms_box {display:block;}
    .ms_box {width:100%; margin-bottom:10px;}
    a.a_ms_box:hover .ms_box {padding:20px 10px;}
    .ms_box {padding:20px 10px; display:flex;}
    .ms_box dl dd {min-height:auto; margin-bottom:5px;}
    
}

@media (max-width:320px) {
    .m_solution {padding:40px 10px;}
}

/** main-DApp **/
.m_dapp {position:relative; width:100%; padding:80px 120px; background:url(/assets/img/XTRION/bg_m02.png) top center repeat-y; background-size: 100% auto;}
.mdapp_ar {width:100%; display: grid; grid-template-columns: repeat(2, 1fr); gap:0;}
.mdapp_left_ar {width:100%;}
.mdapp_left_box {width:100%; display:flex; flex-direction: column;}

.mdapp_box {width:100%; display:flex; justify-content: space-between; padding:30px 0; border-bottom:1px dashed #555; align-items: end; transition:all 0.3s;}
.mdapp_box dl {width:85%; padding-right:40px;}
.mdapp_box dl dt {font-size:23px; font-weight: 600; color:#fff; margin-bottom:20px;}
.mdapp_box p {width:15%; min-width: 48px; max-width:48px; transition:all 0.3s;}
.mdapp_box p {transform: translateX(-10px);}
a:hover.a_mdapp_box p {transform: translateX(0); transition:all 0.3s;}

.mdapp_right_ar {width:100%; text-align:center;}
.mdapp_right_ar img {width:100%; max-width:600px; opacity:0.7;}

.mdapp_box_docu {width:100%; padding:30px 0 0 0; transition:all 0.3s;}
.mdapp_box_docu p {font-size:23px; font-weight: 600; color:#fff; margin-bottom:20px;}
.mdocu_btn_ar {width:100%; display: flex; flex-wrap: wrap;}

@media (max-width:1440px) {
    .m_dapp {padding:80px 100px;}
    .mdapp_ar {grid-template-columns:3fr 2fr;}
}

@media (max-width:1280px) {
    .m_dapp {padding:60px 80px;}
}

@media (max-width:1024px) {
    .m_dapp {padding:60px 30px; background-size: auto 100%;}
    .mdapp_ar {display:block;}
    .mdapp_box {padding:20px 0;}
    .mdapp_box dl dt {font-size:20px; margin-bottom:10px;}
    .mdapp_box_docu p {font-size:20px; margin-bottom:20px;}
    .mdapp_right_ar {display: none;}
}

@media (max-width:768px) {
    .m_dapp {padding:50px 20px;}
    .mdapp_box dl dt {font-size:17px;}
    .mdapp_box_docu p {font-size:17px;}
}

@media (max-width:480px) {
    .m_dapp {padding:40px 20px;}
    .mdapp_box_docu {padding:20px 0 0 0; transition:all 0.3s;}
}

@media (max-width:320px) {
    .m_dapp {padding:40px 10px;}
}

/** main-Team **/
.m_team {position:relative; width: 100%; padding:80px 120px; background:url(/assets/img/XTRION/bg_m04.png) top center repeat-y; background-size: 100% auto;}
.m_team_ar {position: relative; width: 100%; padding-top:80px; background:url(/assets/img/XTRION/bg_m03.png) top center no-repeat; background-size: 100% auto;}
.m_team_box_ar {width:100%; max-width:1140px; margin:0 auto; padding:0 0 60px 0; display: grid; grid-template-columns: repeat(3, 1fr); justify-content: center; align-items: center;}
a.a_m_team_box .m_team_box {transform: translateY(0px); transition: all 0.35s;}
a:hover.a_m_team_box .m_team_box {transform: translateY(-10px); transition: all 0.35s;}
.m_team_box {width:90%; max-width:300px; margin:0 auto;}
.m_team_box p img {width:100%; max-width:260px; margin-bottom:20px;}
.m_team_box dl dt {width:100%; text-align:center; font-size:20px; font-weight: 600; color:#fff; margin-bottom:10px;}
.m_team_box dl dt span {display: block; font-size:16px; font-weight:500; color:rgba(255, 255, 255, 0.7);}
.m_team_box dl dd {width:100%; text-align:center; font-size:15px; color:rgba(255, 255, 255, 0.7);}

@media (max-width:1440px) {
    .m_team {padding:80px 100px;}
}

@media (max-width:1280px) {
    .m_team {padding:60px 80px;}
    .m_team_ar {padding-top:60px;}
}

@media (max-width:1024px) {
    .m_team {padding:60px 30px;}
    .m_team_ar {padding-top:40px;}
    .m_team_box_ar {padding:0 0 50px 0;}
}

@media (max-width:768px) {
    .m_team {padding:50px 20px;}
    .m_team_ar {background-size: auto 260px; border-radius:18px 18px 0 0;}
    .m_team_ar .xtit_ar {padding-left:20px; padding-right:20px;}
    .m_team_box_ar {display: flex; flex-wrap: wrap; padding:0 0 30px 0;}
    .m_team_box {display: block; width:100%; padding:0 20px 20px 20px;}
    .m_team_box p img {margin-bottom:5px;}
    .m_team_box dl dt {font-size:17px; margin-bottom:5px;}
    .m_team_box dl dt span {font-size:15px;}
    .m_team_box dl dd {font-size:14px;}
}

@media (max-width:480px) {
    .m_team {padding:40px 20px;}
}

@media (max-width:320px) {
    .m_team {padding:40px 10px;}
}

/** main-roadmap **/
.m_roadmap {position:relative; width:100%; background:url(/assets/img/XTRION/main_bg_solution.png) top center repeat-y; background-size: cover;}
.m_roadmap_ar {position:relative; width:100%; padding:80px 120px;}

.m_roadmap_sm {width:100%; display: grid; grid-template-columns: repeat(6, 1fr); gap:20px;}
a.a_m_roadmap_box .m_roadmap_box {width: 100%; height:100%; background: rgba(255, 255, 255, 0.0); padding:20px; border-radius: 18px; border: 1px solid #333; transition: all 0.35s;}
a:hover.a_m_roadmap_box .m_roadmap_box {transform: translateY(-10px); background: rgba(255, 255, 255, 0.08); transition: all 0.35s;} 
.m_roadmap_box p img {width:60%; max-width:100px; margin-bottom:20px;}
.m_roadmap_box dl dt {font-size:22px; font-weight:600; color:#fff; margin-bottom:15px;}
.m_roadmap_box dl dt span {color:#2a6bd3; margin-right:8px; font-weight: 700;}
.m_roadmap_box dl dd {font-size:14px; line-height:1.2; padding-bottom:15px; color:rgba(255, 255, 255, 0.7);}
.mmagt_roadmap {margin-top:60px;}

.waves {position:relative; width: 100%; height:15vh; margin-bottom:-7px; /*Fix for safari gap*/ min-height:100px; max-height:150px; z-index: 6;}
.waves_bot {position: relative; width: 100%; height: 100px; background-color:rgba(41,54,214,1);}
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s; animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s; animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s; animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s; animation-duration: 18s;}
@keyframes move-forever {
    0% {transform: translate3d(-90px,0,0);}
    100% {transform: translate3d(85px,0,0);}
}

@media (max-width:1440px) {
    .m_roadmap_ar {padding:80px 100px;}
}

@media (max-width:1280px) {
    .m_roadmap_ar {padding:60px 80px;}
	.mmagt_roadmap {margin-top:0;}
	.m_roadmap_sm {grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap:10px;}
    .m_roadmap_box dl dt {font-size:20px;}
}

@media (max-width:1024px) {
    .m_roadmap_ar {padding:60px 30px;}
    a.a_m_roadmap_box .m_roadmap_box {padding:16px;}
    .m_roadmap_sm {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap:10px;}
    .m_roadmap_box p img {max-width:80px; margin-bottom:10px;}
    .m_roadmap_box dl dt {font-size:18px;}
}

@media (max-width:768px) {
    .m_roadmap_ar {padding:50px 20px;}
    .m_roadmap_box dl dt {font-size:17px;}
    .m_roadmap_box dl dd {font-size:13px;}
    .waves {min-height:20px; max-height:50px;}
}

@media (max-width:480px) {
    .m_roadmap_ar {padding:40px 20px 10px 20px;}
    .m_roadmap_sm {display:block;}
	.sub_rmbox_st {margin-bottom: 10px;}
    a.a_m_roadmap_box {display: block;}
    a.a_m_roadmap_box .m_roadmap_box {display: block; width: 100%; margin-bottom:10px; padding:12px;}
    a:hover.a_m_roadmap_box .m_roadmap_box {transform: translateY(0);} 
    .m_roadmap_box p img {margin-bottom:5px;}
    
}

@media (max-width:320px) {
    .m_roadmap_ar {padding:40px 10px;}
}

/***** ///////// SUB ///////// *****/

/** SV + Container **/
.sv_ar {position:relative; width:100%; height:45vh; padding:80px 120px; min-height:480px; max-height:600px; display: flex; align-items: center; transition: all 0.3s;}
.sv_ar02 {position:relative; width:100%; height:45vh; padding:80px 120px; min-height:480px; max-height:600px; display: flex; align-items: center; justify-content: center; transition: all 0.3s;}
.sv_ar22 {position:relative; width:100%; height:45vh; padding:80px 120px; min-height:480px; max-height:600px; display: flex; align-items: center; justify-content: flex-start; transition: all 0.3s;}
.sv_ar03 {position:relative; width:100%; height:35vh; padding:100px 120px 80px 120px; min-height:300px; max-height:400px; display: flex; align-items: center; justify-content: flex-start; transition: all 0.3s;}
.sv01 {background:url(/assets/img/XTRION/sbg01.png) top right no-repeat; background-size: auto 100%;}
.sv01_02 {background:url(/assets/img/XTRION/sbg01_02.png) top right no-repeat; background-size: auto 100%;}
.sv01_03 {background:url(/assets/img/XTRION/sbg01_03.png) top right no-repeat; background-size: auto 100%;}
.sv02 {background:url(/assets/img/XTRION/sbg02.png) top right no-repeat; background-size: auto 100%;}
.sv03 {background:url(/assets/img/XTRION/sbg03.png) top right no-repeat; background-size: auto 100%;}
.sv04 {background:url(/assets/img/XTRION/sbg04.png) top right no-repeat; background-size: auto 100%;}
.sv05 {background:url(/assets/img/XTRION/sbg05.png) top right no-repeat; background-size: auto 100%;}
.svg_wallet {background:url(/assets/img/XTRION/svg_wallet.png) top right no-repeat; background-size: auto 100%;}

.sv_logo {padding-top:68px;}
.sv_logo img {width:60%; max-width:380px;}
.sv_xtrion_text {font-size:18px; font-weight:500; color:#ccc; line-height:0.9;}
.sv_xtrion_text span {padding-right:25px; margin-right:25px; border-right: 1px solid #555;}
.sv_xtrion_text span:last-child {border-right: 0px solid #555; padding-right:0; margin-right:0;}

.sv_tit_ar {width:60%; padding-top:40px;}
.sv_tit_ar .svt_md {font-size:34px; color:#fff; font-weight: 600; line-height:1.4;}
.sv_tit_ar .svt_lg {font-size:56px; color:#fff; font-weight:600; margin-bottom:20px; line-height:1.4;}
.sv_tit_ar .svt_lg span {color:#2a6bd3;}
.sv_tit_ar .svt_sm { font-size: 16px; color: rgba(255, 255, 255, 0.7);}

.xcontainer {position:relative; width: 100%; padding-top: 40px; transition: all 0.3s;}

@media (max-width:1440px) {
    .sv_ar {padding:80px 100px;}
    .sv_ar02 {padding:80px 100px;}
    .sv_ar22 {padding:80px 100px;}
    .sv_ar03 {padding:80px 100px;}
}

@media (max-width:1280px) {
    .sv_ar {padding:60px 80px;}
    .sv_ar02 {padding:60px 80px;}
    .sv_ar22 {padding:60px 80px;}
    .sv_ar03 {padding:60px 80px;}
    .sv_tit_ar .svt_md {font-size:28px;}
    .sv_tit_ar .svt_lg {font-size:48px; margin-bottom:15px;}
    .sv_tit_ar .svt_sm {font-size:15px;}
    .xcontainer {padding-top: 50px;}
}

@media (max-width:1024px) {
    .sv_ar {padding:60px 30px; min-height:320px;}
    .sv_ar02 {padding:60px 30px; min-height:320px;}
    .sv_ar22 {padding:60px 30px; min-height:320px;}
    .sv_ar03 {padding:60px 30px;}
    .sv_tit_ar {width:80%; padding-top:20px;}
    .sv_tit_ar .svt_md {font-size:24px;}
    .sv_tit_ar .svt_lg {font-size:40px; margin-bottom:15px;}
    .sv_tit_ar .svt_sm {font-size:15px;}
}

@media (max-width:768px) {
    .sv_ar {padding:50px 20px; height:55vh;}
    .sv_ar02 {padding:50px 20px; height:45vh;}
    .sv_ar22 {padding:50px 20px; height:45vh;}
    .sv_ar03 {padding:50px 20px; height:38vh;}
    .sv01 {background:url(/assets/img/XTRION/sbg01.png) 80% 50% no-repeat;  background-size: auto 100%;}
    .sv01_02 {background:url(/assets/img/XTRION/sbg01_02.png) 70% 50% no-repeat;  background-size: auto 100%;}
    .sv01_03 {background:url(/assets/img/XTRION/sbg01_03.png) 70% 50% no-repeat;  background-size: auto 100%;}
    .sv02 {background:url(/assets/img/XTRION/sbg02.png) 70% 50% no-repeat;  background-size: auto 100%;}
    .sv03 {background:url(/assets/img/XTRION/sbg03.png) 70% 50% no-repeat;  background-size: auto 100%;}
    .sv04 {background:url(/assets/img/XTRION/sbg04.png) 70% 50% no-repeat;  background-size: auto 100%;}
    .sv05 {background:url(/assets/img/XTRION/sbg05.png) 70% 50% no-repeat;  background-size: auto 100%;}
    .svg_wallet {background:url(/assets/img/XTRION/svg_wallet.png) 70% 50% no-repeat;  background-size: auto 100%;}
    
    .sv_logo {padding-top:20px;}
    .sv_xtrion_text {font-size:15px;}
    .sv_xtrion_text span {padding-right:10px; margin-right:10px;}

    .sv_tit_ar .svt_md {font-size:20px;}
    .sv_tit_ar .svt_lg {font-size:32px; margin-bottom:10px;}
    .sv_tit_ar .svt_sm {font-size:13px;}
    .xcontainer {padding-top: 40px;}
}

@media (max-width:480px) {
    .sv_ar {padding:40px 20px;}
    .sv_ar02 {padding:40px 20px;}
    .sv_ar22 {padding:40px 20px;}
    .sv_ar03 {padding:40px 20px;}

    .sv_xtrion_text {font-size:13px;}
    .sv_xtrion_text span {padding-right:5px; margin-right:5px;}

    .sv_tit_ar .svt_md {font-size:16px;}
    .sv_tit_ar .svt_sm {font-size:13px;}
    .xcontainer {padding-top: 30px;}
}

@media (max-width:320px) {
    .sv_ar {padding:40px 10px;}
    .sv_ar02 {padding:40px 10px;}
    .sv_ar22 {padding:40px 10px;}
    .sv_ar03 {padding:40px 10px;}
    .sv_xtrion_text {font-size:12px;}
    .sv_tit_ar .svt_md {font-size:15px;}
    .sv_tit_ar .svt_lg {font-size:23px;}
    .sv_tit_ar .svt_sm {font-size:12px;}
}

/** contents **/
.xstit_ar {position:relative; width:100%; margin-bottom:50px; overflow:hidden;}
.xstit_h2 {font-size:34px; color:#fff; font-weight: 600; margin-bottom:10px; line-height:1.4;}
.xstit_h2_big {font-size:40px; color:#fff; font-weight: 600; line-height:1.4;}
.xstit02_h2 {padding-bottom:10px; line-height:1.4; background: url(/assets/img/XTRION/h2_bot_line.png) bottom left no-repeat;}
.xstit02_h2_ctt {padding-bottom:10px; line-height:1.4; background: url(/assets/img/XTRION/h2_bot_line.png) bottom center no-repeat;}
.xht_fts {font-size:34px; color:#fff; font-weight: 600; }
.xstit_add {font-size: 15px; color:rgba(255, 255, 255, 0.7);}
.xstit_add02 {font-size: 15px; color:rgba(255, 255, 255, 1);}
.xstit_add_big {font-size: 18px; font-weight: 400; color:#fff;}
.xstit_add_big span {color:#2a6bd3;}

.cttline_blue {width:1px; height:80px; background:#2936d6; margin:0 auto;}

.big_pdd_ar {position: relative; width:100%; padding:60px 120px; overflow: hidden; }
.big_pdd_side_ar {padding-left:120px; padding-right:120px;}
.bgcolor_oned {background:#1d1d1d;}
.bgcolor_zerosa {background:#040404;}
.xthalf_st {display: flex; justify-content: space-between;}

.xthalf_st_grid {display: grid; grid-template-columns: 1fr 1fr;}
.token_halfgrid_box {width:100%; height:100%;}
.boxbg_line {border:1px solid #555;}
.boxbg_gray {background:rgba(255, 255, 255, 0.08);}
.token_halfgrid_box p img {width:30%; max-width:88px; height:auto;}

.xw50p {width:50%; overflow:hidden;}
.xthalf_pdr {padding-right:30px;}
.xthalf_pdl {padding-left:30px;}
.dpflexst01 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.img_gray_box {width:100%; padding:30px; background:rgba(255, 255, 255, 0.1); border-radius:18px; display: flex; align-items: center;}
.box100img img {width:100%; max-width:100%; height: auto;}
.xmh350 {min-height:350px;}
.dpgrid {display:grid;}
.dpflex_st01 {display:flex; flex-direction: column; justify-content: space-between;}

.xstit_h3 {font-size:25px; font-weight: 600; color:#fff; margin-bottom:20px;}
.xstit_h3 span {font-size:15px;}
.pt_xicon {padding-top:55px; background:url(/assets/img/XTRION/icon_pt_x.svg) top left no-repeat; background-size: 40px 40px;}

.sero_flexst {display:flex; flex-direction: column; justify-content: space-between;}
.sero_top {padding-bottom:20px;}
.mainnet01 {display: grid; grid-template-columns: repeat(3, 1fr); gap:40px;}
.mainnet01_box {width:100%; height:100%; padding-left:15px; border-left:1px solid #2936d6;}
.mainnet01_box p img {width:48px; margin-bottom:10px;}
.mainnet01_box dl dt {font-size:20px; font-weight: 600; color:#2a6bd3; margin-bottom:10px;}
.xmh_mainnet_bot {min-height:45px;}

.xmh_token_bot {min-height:72px;}

.submainnet_last {width:100%; background:url(/assets/img/XTRION/sub_bg01_02.png) 50% 50% no-repeat; background-size: cover;}
.submainnet_last_img {animation: 2s ease infinite ms_img_ani;}
.submainnet_last_img img {width:100%; max-width:530px;}

.tokenimg01 img {width:100%; max-width:900px;}
.tokenimg02 img {width:100%; max-width:486px;}
.nftimg01 img {width:100%; max-width:88px; margin-right:10px;}
.nftimg02 img {width:100%; max-width:120px;}
.nftimg03 img {width:100%; max-width:787px;}
.dappimg01 img {width: 100%; max-width: 420px;}
.wallet_img img {width:80%; max-width:300px;}
.explorer_img img {width:80%; max-width:580px;}

.topbot_line {border-top:1px solid #555; border-bottom:1px solid #555;}

.xsideflex {display: flex; justify-content: center; align-items: center;}

.xmagb10 {margin-bottom:10px;}
.xmagb20 {margin-bottom:20px;}
.xmagb30 {margin-bottom:30px;}
.xmagb40 {margin-bottom:40px;}
.xmagb50 {margin-bottom:50px;}
.xmagb60 {margin-bottom:60px;}

.box_pad40 {padding:40px;}
.box_pad30 {padding:30px;}

.box_btpad50 {padding:50px 0;}
.box_btpad60 {padding:60px 0;}

.padoo_left {padding-right:30px;}
.padoo_right {padding-left:30px;}

.dtst01 {font-size:30px; font-weight: 600; color:#fff;}
.dtst02 {font-size:23px; font-weight: 600; color:#fff;}

.ptstO20 {padding:5px 0 20px 10px; background:url(/assets/img/XTRION/O20.svg) top left no-repeat;}
.ptstO20:last-child {padding:5px 0 0 10px;}
.ptst01 {padding-bottom:20px;}

.xtext_white {color:#fff !important;}
.xtext_white_nm {color:#fff !important;}
.xtext_white48 {color:rgba(255, 255, 255, 0.48) !important;}
.xtext_sky {color:#2a6bd3 !important;}

.txtnum_big {font-size:48px; font-weight: 600;}
.lineheight100 {line-height:1;}

.nft_box_ar {width:100%; margin:0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap:40px; transition: all 0.3s;}
.dapp_box_ar {width:100%; margin:0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap:40px; transition: all 0.3s;}
.xmwmd {max-width:1280px; }
.bggray12_box {width:100%; height: 100%; background: rgba(255, 255, 255, 0.12); border-radius: 18px;}

.dappimgflex {width:100%; height:100%; display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.dappimgflex img {width:100%; max-width:600px; height:auto;}

.dapp_step {width:100%; display:grid; grid-template-columns: 1fr 3fr; gap:40px;}
.dapp_step li {border-top:1px solid #555; padding-top:30px;}

.dapp_step_tit {font-size:20px; font-weight:600;}

.dapp_docu_bg {width:100%; background:url(/assets/img/XTRION/dapp_docu_bg.png) 50% 100% no-repeat; background-size: cover;}
.dapp_docu_btn {display:flex; flex-wrap: wrap; justify-content: center;}

.partnerlist01 {width:100%; max-width: 1340px; margin:0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap:40px; transition: all 0.3s;}
.partnerlist01_box {width:100%; height:280px;  background:#333; border-radius: 18px; border: 1px solid #333; display: flex; justify-content: space-between; flex-wrap: wrap; transition: all 0.3s;}
a:hover.a_partnerlist01_box .partnerlist01_box {border:1px solid #2936d6; background: #2936d6; transition: all 0.3s;}
.partnerlist01_box_img {width: 100%; height:220px; display: flex; justify-content: center; align-items: center; background:#101010; border-radius: 18px;}
.partnerlist01_box_img img {width:auto; max-width:180px; height:auto; max-height: 100px;}
.partnerlist01_box_tit {width:100%; height:60px; display: flex; justify-content: center; align-items: center; padding:0 10px;}
.partnerlist01_box_tit span {line-height:1.2; width:auto; text-align:left; text-transform: uppercase; padding-right: 30px; background:url(/assets/img/XTRION/icon_link.svg) 100% 50% no-repeat;}

.partnerlist02 {width:100%; max-width: 1340px; margin:0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:20px; transition: all 0.3s;}
.partnerlist02_box {width:100%; height:100%; display:flex; justify-content: center; align-items: center; border:1px solid #333; border-radius: 18px; padding:15px 10px;}
.partnerlist02_box img {width:auto; max-width:200px; height:auto; max-height:50px;}

.service_img_bg {width:100%; height:200px; background:url(/assets/img/XTRION/service_bg_img.png) 0 50% no-repeat; background-size: auto 100%;}

.video_ceo_ar {position:relative; width:80%; margin:0px auto;}
.video_ar {position:relative; height:0; padding-top: 0; padding-bottom: 56.25%; overflow:hidden;}
.video_ar video {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.about_gray_box {position:relative; width:100%; height:auto; background:rgba(255, 255, 255, 0.1); border-radius: 18px;}
.grid_about_box {display: grid; grid-template-columns: 2fr 4fr; gap:40px; justify-content: center; align-items: center;}

.xstit_smm {font-size:18px; font-weight: 500; color: #2a6bd3;}
.sero_ctt {display:flex; justify-content: center; align-items: center;}
.aboutimg01 img {width:68%; max-width:286px;}
.aboutimg02 img {width:68%; max-width:324px;}

.grid_about_value {display: grid; grid-template-columns: repeat(6, 1fr); gap:25px; justify-content: center; transition: all 0.3s;}
.grid_about_value_box {width:100%; height:100%; background:#101010; border-radius: 18px; border: 1px solid #555;}
.grid_about_value_icon {width:56px; height:56px; background:#2936d6; border-radius: 50%; display: flex; justify-content: center; align-items: center;}

.grid_team_ar {width:100%; max-width:1380px; margin:0 auto; display:grid; grid-template-columns: 1fr 1fr; justify-content: center; align-items: center; gap:60px; transition: all 0.3s;}
.grid_team_ar_box {width:100%; height: 100%; border-radius: 18px; background:rgba(255, 255, 255, 0.1);}
.team_img_top img {width:80%; max-width:260px;}
.team_tit {font-size:23px; line-height:1.3; color:#fff; font-weight: 600;}
.team_tit span {font-size:16px; color:#999; display: block;}
.team_profile {padding-top:25px; border-top:1px dashed #555;}
.team_profile span {display: block; font-size:14px; text-align:left; margin-bottom:15px; background:url(/assets/img/XTRION/ptO4_gray.svg) 0 10px no-repeat; padding-left:12px;}
.team_profile span:last-child {margin-bottom: 0;}

.grid_team_ar02 {width:100%; max-width:1640px; margin:0 auto; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center; align-items: center; gap:40px; transition: all 0.3s;}
.grid_team_ar02_box {width:100%; height: 100%; border-radius: 18px; border:1px solid #333;}
.team_img_md img {width:100%; max-width:220px;}

.sub_rmbox_st  {width: 100%; height:100%; background: rgba(255, 255, 255, 0.0); border-radius: 18px; border: 1px solid #333; transition: all 0.35s;}
.sub_rmbox_st.m_roadmap_box {padding:20px;}

.xmap {position:relative; height:580px; padding-top: 0; overflow:hidden;}
.xmap_ar {position: absolute; top:0; left: 0; width: 100%; height: 100%; max-height:580px;}
.contact_img img {width:80%; max-width:240px;}
.xcont_st span {display: block; margin-bottom:10px;}
.xcont_st span:last-child {margin-bottom:0;}

@media (max-width:1440px) {
    .big_pdd_side_ar {padding-left:100px; padding-right:100px;}
    .big_pdd_ar {padding:50px 100px;}
    .mainnet01 {gap:30px;}
    .xmh_mainnet_bot {min-height:75px;}
    .grid_about_value {gap:20px;}
}

@media (max-width:1280px) {
    .xstit_ar {margin-bottom:40px;}
    .xstit_h2 {font-size:30px;}
    .xstit_h2_big {font-size:34px;}
    .xht_fts {font-size:30px;}
    .big_pdd_side_ar {padding-left:80px; padding-right:80px;}
    .cttline_blue {height:60px;}
    .big_pdd_ar {padding:50px 80px;}
    .xstit_h3 {font-size:23px;}
    .mainnet01 {gap:20px;}
    .mainnet01_box {padding-left:10px;}
    .mainnet01_box p img {margin-bottom:5px;}
    .mainnet01_box dl dt {font-size:18px; margin-bottom:5px;}
    .xmh_token_bot {min-height:100px;}
    .nft_box_ar {gap:30px;}
    .dapp_box_ar {gap:30px;}
    
    .dapp_step {gap:30px;}
    .dapp_step li {padding-top:20px;}
    .txtnum_big {font-size:40px;}

    .partnerlist01 {gap:30px;}

    .grid_about_value {grid-template-columns: repeat(3, 1fr);}

    .grid_team_ar {gap:40px;}
    .team_tit {font-size:20px;}
    .grid_team_ar02 {gap:20px;}

}

@media (max-width:1024px) {
    .xstit_ar {margin-bottom:30px;}
    .xstit_h2 {font-size:27px;}
    .xht_fts {font-size:27px;}
    .big_pdd_side_ar {padding-left:30px; padding-right:30px;}
    .cttline_blue {height:40px;}
    .big_pdd_ar {padding:40px 30px;}
    .xthalf_pdr {padding-right:10px;}
    .xthalf_pdl {padding-left:10px;}
    .img_gray_box {padding:20px;}
    .xstit_h3 {font-size:20px;}
    .xmh_mainnet_bot {min-height:100px;}

    .xstit_add_big {font-size: 16px;}

    .submainnet_last {background:url(/assets/img/XTRION/sub_bg01_02.png) 80% 50% no-repeat; background-size: cover;}
    .submainnet_last_img {animation: 2s ease infinite ms_img_ani; padding-top:30px;}

    .xmagb10 {margin-bottom:8px;}
    .xmagb20 {margin-bottom:12px;}
    .xmagb30 {margin-bottom:22px;}
    .xmagb40 {margin-bottom:30px;}
    .xmagb50 {margin-bottom:36px;}
    .xmagb60 {margin-bottom:40px;}

	.sub_rmbox_st.m_roadmap_box {padding:16px;}
    
    .box_pad40 {padding:30px;}
    .box_pad30 {padding:25px;}

    .box_btpad50 {padding:40px 0;}
    .box_btpad60 {padding:50px 0;}

    .dtst01 {font-size:27px;}
    .dtst02 {font-size:20px;}

    .nft_box_ar {gap:20px;}
    .dapp_box_ar {grid-template-columns: 1fr 1fr;}
    .nftimg02 img {width:100%; max-width:100px;}

    .padoo_right {padding-left:0;}
    .padoo_left {padding-right:0;}
    .txtnum_big {font-size:34px;}

    .dapp_step_tit {font-size:18px;}
    .partnerlist01 {grid-template-columns: 1fr 1fr;}
    .partnerlist01_box {height:240px;}
    .partnerlist01_box_img {height:180px;}
    .partnerlist01_box_img img { max-width:150px; max-height: 80px;}

    .partnerlist02 {grid-template-columns: 1fr 1fr 1fr;}

    .service_img_bg {height:180px; background:url(/assets/img/XTRION/service_bg_img.png) 20% 50% no-repeat; background-size: auto 100%;}

    .grid_team_ar {gap:30px;}
}

@media (max-width:768px) {
    .xstit_ar {margin-bottom:30px;}
    .xstit_h2 {font-size:25px;}
    .xstit_h2_big {font-size:27px;}
    .xht_fts {font-size:25px;}
    .xstit_add {font-size: 14px;}
    .big_pdd_side_ar {padding-left:20px; padding-right:20px;}
    .big_pdd_ar {padding:40px 20px;}
    .xthalf_st {display: block;}
    .xw50p {width:100%;}
    .xthalf_pdr {padding-right:0; padding-bottom:30px;}
    .xthalf_pdl {padding-left:0;}
    .xstit_h3 {font-size:18px; margin-bottom:10px;}
    .pt_xicon {padding-top:45px; background-size: 30px 30px;}
    .xmh350 {min-height:auto;}
    .mainnet01_box dl dt {font-size:17px;}
    .xmh_mainnet_bot {min-height:auto;}

    .xmh_token_bot {min-height:auto;}

    .xthalf_st_grid {display: block;}
    .token_halfgrid_box p img {width:20%;}

    .box_pad40 {padding:20px;}
    .box_pad30 {padding:20px;}

    .box_btpad50 {padding:30px 0;}
    .box_btpad60 {padding:40px 0;}

    .mb_magb40 {margin-bottom:20px;}

    .dtst01 {font-size:25px;}

    .nftimg01 img {width:100%; max-width:68px; margin-right:10px;}

    .nft_box_ar {grid-template-columns: 1fr 1fr;}

    .dapp_step {gap:15px;}
    .dapp_step li {padding-top:10px;}
    .partnerlist01_box_tit span {text-align:center; padding-right: 20px;}
    .partnerlist02 {grid-template-columns: 1fr 1fr;}
    
    .video_ceo_ar {width: 100%;}
    .grid_about_box {grid-template-columns: 1fr; gap:30px;}

    .grid_about_value {grid-template-columns: repeat(2, 1fr);}

    .grid_team_ar {grid-template-columns: 1fr; gap:20px;}
    .team_img_top img {max-width:220px;}
    .team_tit {font-size:20px;}
    .team_tit span {font-size:15px;}
    .team_profile {padding-top:20px;}
    .grid_team_ar02 {grid-template-columns:1fr 1fr;}
    .team_img_md img {max-width:190px;}
}

@media (max-width:480px) {
    .xstit_h2 {font-size:20px;}
    .xstit_h2_big {font-size:23px;}
    .xht_fts {font-size:20px;}
    .mainnet01 {display: block; gap:0;}
    .mainnet01_box {margin-bottom:20px; padding-left:0; padding-top:10px; border-left:0; border-top:1px dashed #2936d6;}

    .dtst01 {font-size:20px;}
    .dtst02 {font-size:18px;}

    .nft_box_ar {grid-template-columns: 1fr;}
    .dapp_box_ar {grid-template-columns: 1fr;}
    .nftimg02 img {width:100%; max-width:80px;}

    .partnerlist01 {grid-template-columns: 1fr; gap:20px;}
    .partnerlist02 {grid-template-columns: 1fr;}

    .service_img_bg {height:150px;}

    .grid_about_value {grid-template-columns: 1fr;}
    .grid_team_ar02 {grid-template-columns:1fr;}

	.sub_rmbox_st.m_roadmap_box {padding:12px;}
}

@media (max-width:320px) {
    .big_pdd_side_ar {padding-left:10px; padding-right:10px;}
    

}

/***** ///////// Member_Wallet /////// *******/
.xmem_wrap {position:relative; width:100%; display: grid; grid-template-columns: 1fr 1fr; gap:0; transition: all 0.3s;}
.xmem_left_ar {width:100%; height: 100%; background: #1d1d1d url(/assets/img/XTRION/xmem_bg_left.png) bottom center no-repeat; background-size: 100% auto; display: flex; justify-content: center; align-items: center;}

.padl120x {padding-left:120px;}
.padl80   {padding-left:80px;}
.padr120x {padding-right:120px;}

.xmem_left_ar_ment {display: flex; flex-direction: column; justify-content: space-between; height:224px;}
.xmem_left_bm {font-weight:600;}
.xmem_left_sm {font-weight:400;}
.txtmun48 {font-size:48px;}
.txtmun20 {font-size:20px;}
.xmem_left_bm span {display: block; font-size: 17px; font-weight:400; color:#999;}

.xmem_right_ar {padding-top:160px; padding-bottom:80px;}

@media (max-width:1440px) {
    .padl120x {padding-left:100px;}
    .padl80   {padding-left:70px;}
    .padr120x {padding-right:100px;}
}

@media (max-width:1280px) {
    .padl120x {padding-left:80px;}
    .padl80   {padding-left:60px;}
    .padr120x {padding-right:80px;}
    .txtmun48 {font-size:40px;}
}

@media (max-width:1024px) {
    .padl120x {padding-left:30px;}
    .padl80   {padding-left:50px;}
    .padr120x {padding-right:30px;}
    .txtmun48 {font-size:34px;}
    .xmem_left_bm span {font-size:15px;}
    .xmem_right_ar {padding-top:120px; padding-bottom:60px;}
}

@media (max-width:768px) {
    .xmem_wrap {grid-template-columns: 1fr; gap:30px; }
    .xmem_left_ar {height:270px; padding-top:50px;}
    .xmem_left_ar_ment {height:150px;}
    .padl120x {padding-left:20px;}
    .padl80   {padding-left:20px;}
    .padr120x {padding-right:20px;}
    .txtmun48 {font-size:30px;}
    .xmem_right_ar {padding-top:40px; padding-bottom:50px;}
}

@media (max-width:480px) {
    .txtmun48 {font-size:25px;}
    .xmem_right_ar {padding-bottom:40px;}
}

@media (max-width:320px) {
    .padl120x {padding-left:10px;}
    .padl80   {padding-left:10px;}
    .padr120x {padding-right:10px;}
}

/** modal_table_st **/
.div_tab_st {position:relative; width: 98%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.div_tab_st th {padding:10px; font-size: 15px; vertical-align: middle; line-height: 1.2; text-align: center; background:#f9f9f9; border-bottom: 1px solid #999; border-right: 1px solid #ccc;}
.th_nor {width:20%;}
.th_tit03 {width:40%;}
.th_full {width:100%;}
.div_tab_st td {padding:8px; text-align: center; vertical-align: middle; font-size: 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.div_tab_st td.tdal_left {text-align:left;}

/***** ///////// footer ////////// *****/
.xfooter {position:relative; width:100%; background:#000; padding:60px 120px; transition:all 0.3s;}
h1.xlogo_bottom {padding:0; font-size:0;}
h1.xlogo_bottom a {display:inline-block; width:80px; height:27px; text-indent: -9999px; font-size:0; background: url(/assets/img/XTRION/LOGO_bottom.svg) 0 0 no-repeat; background-size: cover;}

.btcont_ar {display:grid; grid-template-columns:3fr 5fr; width:100%; margin:20px 0; padding:30px 0; border-top:1px solid #333; border-bottom:1px solid #333;  transition:all 0.3s;}
.btsns ul {display:flex;}
.btsns li {margin-right:8px; width:24px; font-size:0;}
.btsns li:last-child {margin-right:0;}
.btsns li a img {opacity:0.7; width:100%;}
.btsns li a:hover img {opacity:1.0;}

.btmenu {width:100%; max-width:1100px; display:grid; grid-template-columns:repeat(4, 1fr);} /*파트너 리스트 숨김, 기존 5,1fr */
.btmenu_sb {display:grid; row-gap:10px; justify-items:start; grid-auto-rows: max-content;}
.btmenu_sb a {font-size:14px; color:#999;}
.btmenu_sb a.btmenu_tit {font-size:16px; font-weight:600; color:#fff;}
.btmenu_sb a:hover.btmenu_tit {color:#2a6bd3;}

.btcopy_ar {position: relative; width:100%; display:flex; justify-content: space-between;}
.bt_legal {text-align:right;}
.bt_legal a:hover {color:#2a6bd3;}
.bt_legal a.bt_legal_terms {margin-right:16px; padding-right:20px; background:url(/assets/img/XTRION/bt_line_01.png) right center no-repeat;}

@media (max-width:1440px) {
	.xfooter {padding:40px 100px;}
}

@media (max-width:1280px) {
	.xfooter {padding:30px 80px;}
	.btcont_ar {grid-template-columns:2fr 6fr;}
}

@media (max-width:1024px) {
	.xfooter {padding:30px;}
	h1.xlogo_bottom a {width:71px; height:24px;}
	.btcont_ar {display:block; padding:20px 0;}
	.btmenu {margin-top:20px;}
}

@media (max-width:768px) {
	.xfooter {padding:30px 20px 40px 20px;}
	h1.xlogo_bottom {text-align:center;}
	h1.xlogo_bottom a {width:59px; height:20px;}
	.btcont_ar {margin:15px 0; padding:15px 0;}
	.btsns ul {justify-content: center;}
	.btmenu {grid-template-columns:repeat(2, 1fr); row-gap:30px;} /*파트너 숨김, 기존 3,1fr*/
	.btmenu_sb {row-gap:5px;}
	.btcopy_ar {display:block;}
	.btcopyright {text-align:center; padding-bottom:5px;}
	.bt_legal {text-align:center;}
}

@media (max-width:480px) {
	.btmenu {display:none;}
}

@media (max-width:320px) {
	.xfooter {padding:20px 10px;}
	
}

/** swap sgm 20230612 **/
::-webkit-scrollbar {
	position: relative;
	right: 0;
	z-index: 0;
	width: 5px;
	height: 5px;
	background: 0 0;
	background: #353535;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.xcontainer_swap {position:relative; width: 100%; padding: 120px 120px 80px 120px; transition: all 0.3s;}
.swap_step {width:80%; max-width:1000px; margin:40px auto 0 auto;}
.swap_step:first-child {margin:0 auto;}
.active {display:none; transition: all 0.3s;}
.active.show {display:block; transition: all 0.3s; animation: fadein 1.2s;}
@keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}
.swap_box {width:100%; padding:30px; background:#1D1D1D; border-radius:18px; overflow: hidden;}
.xcontainer_swap .btn {border-radius:8px;}
.xcontainer_swap .xtotalst {padding:16px 20px; color:#999; overflow:hidden; word-break: break-all;}
.txtal_left {text-align: left !important;}
.xcontainer_swap .xtotalst span {color:#fff;}
.xcontainer_swap .member-item {margin-bottom:0;}

@media (max-width:1024px) {
	.xcontainer_swap {padding: 100px 80px 50px 80px;}
	.swap_step {width:100%; margin:40px auto 0 auto;}
}
@media (max-width:768px) {
	.xcontainer_swap {padding: 80px 10px 30px 10px;}
	.xcontainer_swap .mb40 {margin-bottom:20px !important;}
	.swap_box {padding:20px;}
}
@media (max-width:480px) {
	.swap_box {padding:12px;}
}

.swap_dl {display: flex; justify-content: space-between; padding:12px 10px; background:#f0f0f0; margin-bottom:8px; border-radius:10px;}
.swap_dl dt {color:#787878; text-align: left; width:20%; padding-right:10px; font-weight:600;}
.swap_dl dd {color: #111; width:80%; word-break: break-all;}
.swap_dl_st {display: flex; justify-content: space-between; padding:12px 10px; background:#f0f0f0; margin-bottom:8px; border-radius:10px;}
.swap_dl_st dd.swap_dl_ct_dd {width:40%; text-align:center; color:#111; padding-right:10px; font-weight:600;}
.swap_dl_st dd.swap_dl_ct_dd_ic {width:20%; min-width:20px; background:url(/assets/img/XTRION/exchange_icon.svg) 50% 50% no-repeat; background-size: 20px 20px;}
.swap_last_check {text-align:center; padding:10px 0; color:#111; font-weight: 500;}

.xtrion_symbol {background:url(/assets/img/XTRION/SYMBOL.png) 0 49% no-repeat; background-size:17px 17px; padding-left:22px;}
.dot_top {padding-top:18px; border-top:1px dashed #393939;}

@media (max-width: 560px) {
	.swap_dl {display: block;}
	.swap_dl dt {width: 100%; padding-bottom:8px;}
	.swap_dl dd {width: 100%; text-align: left;}
	.swap_dl_st {display: block;}
	.swap_dl_st dd.swap_dl_ct_dd {width:100%;}
	.swap_dl_st dd.swap_dl_ct_dd_ic {width:100%; height:20px;}
}
.swap_dl dd a.swap_txid {color:#111; padding-right:20px; background:url(/assets/img/XTRION/icon_link_55.svg) right 50% no-repeat; background-size:16px 16px;}

@media (max-width: 400px) {
	.swap_box .member-btn-line a {margin:0;}
}