@charset "utf-8";

:root{
    --black:#000;
    --primary:#7F44F7;
    --secondary:#A694F9;
    --lineviolet:#e3daf7;
    --linelight:#D4D7DB;
    --linedeep:#4F5A6D;
    --darkgray:#505050;
    --gray:#888888;
    --bggray:#F4F7FB;
    --light_gray:#999;
    --gray_b:#bbb;
    --gray:#666;
    --line_gray:#ededed;
    --white:#fff;
}

/* ===================================================
    header
   =================================================== */
#wrap {position:relative; width:100%; height:100%; padding:0; margin:0;  background-color: var(--bggray); }
#wrap:before {position:fixed; left:90px; top:0; z-index:-1; content:''; display:inline-block; width:1px; height:100%;} /** background:var(--black); **/
#wrap:after {position:fixed; right:90px; top:0; z-index:-1; content:''; display:inline-block; width:1px; height:100%;} /** background:var(--black); **/
header{position:relative; width:100%;  background:var(--white); border-bottom: 1px solid var(--linelight);}
header .header_wrap {display:flex; justify-content:space-between; align-items: center; position:relative; width:calc(100% - 40px); max-width: 1480px; height:80px; margin:0 auto; padding:0; background: var(--white);}
header .header_wrap .logo{ width:60%; max-width:230px; min-width:200px; z-index:99; }
header .header_wrap .logo a {display:flex; align-items: center; width:100%; line-height:80px; height:80px; display:inline-block; color: #4F5A6D; background:url(/assets/img/common/logo_rysen.svg) no-repeat 0 50%; background-size:124px; padding:0 0 0 130px; font-size:20px; font-weight:700;}
header .header_wrap .logo a span {display:inline-block; font-size:0; text-indent:-9999; line-height:1.2;  }

@media all and (max-width:1680px) {
    header .header_wrap {width:calc(100% - 160px);}
    #wrap:before{ left:80px; }
    #wrap:after {  right:80px; }
}
@media all and (max-width:1300px) {
    header .header_wrap{ width:calc(100% - 140px);}
    #wrap:before { left:70px; }
    #wrap:after { right:70px; }
    header .header_wrap .logo{ max-width:200px; }
    header .header_wrap .logo a {  background-size:70px; padding:0 0 0 70px; font-size:24px;}
}
@media all and (max-width:1200px) {
    header .header_wrap{ width:calc(100% - 120px);}
    #wrap:before { left:60px; }
    #wrap:after { right:60px; }
}
@media all and (max-width:1000px) {
    #wrap {padding:60px 0 0 0;}
    #wrap:before,
    #wrap:after {display:none;}
    header{width:100%; border-bottom:none;}
    header .header_wrap{width:100%; padding:0 75px 0 25px; position:fixed; left:0; top:0; z-index:100; height:60px; border-bottom: 1px solid var(--linelight);}
    header .header_wrap .logo{ min-width:170px; max-width:170px;  }
    header .header_wrap .logo a {background:url(/assets/img/common/logo_rysen.svg) no-repeat 0 50%; background-size:88px; padding:0 0 0 94px; font-size:16px; color:var(--black); line-height:60px; height:60px;font-weight:600; }
    header .header_wrap .logo a span {  margin:4px 0 0 0; }
}
@media all and (max-width:700px) {
    #wrap {padding:56px 0 0 0;}
    header .header_wrap{ padding:0 70px 0 20px; height:56px;  }
    header .header_wrap .logo a { line-height:56px; height:56px;}
}
@media all and (max-width:500px) {
    header .header_wrap{ padding:0 65px 0 15px;  }
}


/* ===================================================
    nav
   =================================================== */

header .header_wrap .nav {position:relative;  }
header .header_wrap .btn_nav_mobile {display:none; position:fixed; top:5px; right:25px; z-index:120; width:24px; height:1px; background:0 none;  }
header .header_wrap .btn_nav_mobile::before {display:block; position:absolute; top:16px; right:0; z-index:121;  width:100%; height:100%; background:var(--black); transition:all 0.3s; content:""}
header .header_wrap .btn_nav_mobile::after {display:block; position:absolute; top:32px; right:0;  z-index:122; width:100%; height:100%; background:var(--black); transition:all 0.3s; content:""}
header .header_wrap .btn_nav_mobile span { font-size:0; text-indent:-9999;display:block; position:absolute; top:24px; right:0;  z-index:123; width:100%; height:100%; background:var(--black); transition:all 0.3s }

header .header_wrap .nav .nav_list {display:flex; gap: 8px;}
header .header_wrap .nav .nav_list > li {position:relative; padding: 8px 0;}
header .header_wrap .nav .nav_list > li:first-child >a {}
header .header_wrap .nav .nav_list > li > a{display:block; position:relative; font-size:1.12em; padding:0 24px 0 50px; line-height:40px; font-weight:500; color:var(--black); text-transform:uppercase; border-radius: 10px;}
header .header_wrap .nav .nav_list > li.active > a{color:var(--white); font-weight:500; background: var(--primary);}
header .header_wrap .nav .nav_list .sub_nav > a::after{display:block; position:absolute; top:0; right:0; width:9px; height:50px; background:none; transition:all 0.5s; content:""} /**  background:url(/assets/img/common/snb_nav_arr.svg) no-repeat 0 50%;**/
header .header_wrap .nav .nav_list .sub_nav:hover > a::after{transform:rotate(180deg); }
header .header_wrap .nav .nav_list > li > a img {padding: 0 0 2px 4px;}
header .header_wrap .nav .nav_list > li a.hd_m_01 {background: url(/assets/img/common/icon_home_dk.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li a.hd_m_02 {background: url(/assets/img/common/icon_blockchain_dk.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li a.hd_m_03 {background: url(/assets/img/common/icon_dapps_dk.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li.active a.hd_m_01 {background: var(--primary) url(/assets/img/common/icon_home_ff.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li.active a.hd_m_02 {background: var(--primary) url(/assets/img/common/icon_blockchain_ff.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li.active a.hd_m_03 {background: var(--primary) url(/assets/img/common/icon_dapps_ff.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li.active a.hd_m_01:hover {background: var(--primary) url(/assets/img/common/icon_home_ff.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li.active a.hd_m_02:hover {background: var(--primary) url(/assets/img/common/icon_blockchain_ff.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li.active a.hd_m_03:hover {background: var(--primary) url(/assets/img/common/icon_dapps_ff.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li a.hd_m_01:hover {background: rgba(99,91,255,.16) url(/assets/img/common/icon_home_dk.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li a.hd_m_02:hover {background: rgba(99,91,255,.16) url(/assets/img/common/icon_blockchain_dk.svg) 24px 50% no-repeat;}
header .header_wrap .nav .nav_list > li a.hd_m_03:hover {background: rgba(99,91,255,.16) url(/assets/img/common/icon_dapps_dk.svg) 24px 50% no-repeat;}

header .header_wrap .nav .nav_list .sub_nav .sub_nav_list{display:none; position:absolute; top:56px; left:50%; transform: translateX(-50%); z-index:100; width:auto; padding:24px 20px; background:var(--white); border: 1px solid var(--linelight); border-top:4px solid var(--primary); border-radius:0 0 10px 10px; animation:sub_nav_view 0.5s; }
header .header_wrap .nav .nav_list .sub_nav:hover .sub_nav_list{display:block;}
header .header_wrap .nav .nav_list .sub_nav .sub_nav_list.sub_nav_block{width:192px;}
header .header_wrap .nav .nav_list .sub_nav .sub_nav_list.sub_nav_token{width:220px;}
header .header_wrap .nav .nav_list .sub_nav .sub_nav_list li{margin-top:15px;}
header .header_wrap .nav .nav_list .sub_nav .sub_nav_list li:first-child{margin-top:0}
header .header_wrap .nav .nav_list .sub_nav .sub_nav_list li a{color:var(--black); transition:all 0.3s; font-weight: 500;}
header .header_wrap .nav .nav_list .sub_nav .sub_nav_list li a:hover{color: var(--primary)}

@keyframes sub_nav_view {
    0% {opacity:0}
    100% {opacity:1}
}
@media all and (max-width:1600px) {

}
@media all and (max-width:1300px) {
    header .header_wrap .nav .nav_list {gap: 2px;}

}
@media all and (max-width:1200px) {

}
@media all and (max-width:1000px){
    .body-overflow{overflow:hidden}
    header .header_wrap .nav {display:none; }
    header .header_wrap .btn_nav_mobile{display:block;  color:var(--white);}
    header .header_wrap .nav .nav_list {gap: 0;}
    header .header_wrap .nav .nav_list_wrap {display:block}

    header .header_wrap .btn_nav_mobile{ right:25px;}
    header .header_wrap .btn_nav_mobile span,
    header .header_wrap .btn_nav_mobile::before,
    header .header_wrap .btn_nav_mobile::after{background:var(--primary);}
    header .header_wrap .open_btn_nav_mobile { right:15px; width:28px;}
    header .header_wrap .open_btn_nav_mobile span{ display:none;  }
    header .header_wrap .open_btn_nav_mobile::before{transform:rotate(45deg) translate(2px, 9px);}
    header .header_wrap .open_btn_nav_mobile::after{transform:rotate(-45deg) translate(2px, -9px); }
    .body-overflow header .header_wrap { display:block; width:100%; padding:0; height:100%; overflow-y:auto; }
    .body-overflow header .header_wrap .logo{ position:fixed; top:0;  left:25px; z-index:101; }
    .body-overflow header .header_wrap .nav.open_nav {position: absolute; left:0; top:60px;display:block; width:100%; height:calc(100% - 60px); overflow-y:auto; border-top: 1px solid #ccc }
    .body-overflow header .header_wrap .nav .nav_list{flex-wrap:wrap;}
    .body-overflow header .header_wrap{width:100%; display:block;}
    .body-overflow header .mobile_header_bg{ display:block; position:fixed; top:0; right:0; bottom:0; left:0; z-index:90; width:100%; height:100%; background:var(--white);}

    header .header_wrap .nav .nav_list_wrap{padding-top:30px; }
    header .header_wrap .nav .nav_list > li{width:100%; margin:0; border-bottom:1px solid #999; cursor:pointer; padding: 0;}
    header .header_wrap .nav .nav_list > li > a {width:calc(100% - 35px); display:inline-block; line-height:56px; font-size:20px; padding:0 25px;  }
    header .header_wrap .nav .nav_list > li:first-child {}
    header .header_wrap .nav .nav_list .sub_nav > a::after{right:-10px; height:60px;}
    header .header_wrap .nav .nav_list .sub_nav:hover > a::after{transform:rotate(0)}
    header .header_wrap .nav .nav_list .sub_nav:hover .sub_nav_list{display:none;}
    header .header_wrap .nav .nav_list .sub_nav.active_sub_nav .sub_nav_list{display:block; position:relative; top:0; left:0; width: 100%; transform: translateX(0); margin: 0 auto; padding:0; border-radius:0; line-height:50px; }
    header .header_wrap .nav .nav_list .sub_nav.active_sub_nav > a::after{transform:rotate(180deg)}

    header .header_wrap .nav .nav_list > li.active a {color: var(--primary);}

    header .header_wrap .nav .nav_list > li a.hd_m_01, header .header_wrap .nav .nav_list > li a.hd_m_02, header .header_wrap .nav .nav_list > li a.hd_m_03,
    header .header_wrap .nav .nav_list > li.active a.hd_m_01, header .header_wrap .nav .nav_list > li.active a.hd_m_02, header .header_wrap .nav .nav_list > li.active a.hd_m_03,
    header .header_wrap .nav .nav_list > li.active a.hd_m_01:hover, header .header_wrap .nav .nav_list > li.active a.hd_m_02:hover, header .header_wrap .nav .nav_list > li.active a.hd_m_03:hover,
    header .header_wrap .nav .nav_list > li a.hd_m_01:hover, header .header_wrap .nav .nav_list > li a.hd_m_02:hover, header .header_wrap .nav .nav_list > li a.hd_m_03:hover {background: none; }

    header .header_wrap .nav .nav_list .sub_nav .sub_nav_list {border: 0; width: 100%}
    header .header_wrap .nav .nav_list .sub_nav .sub_nav_list li{margin:0; border-top:1px dashed #aaa; }
    header .header_wrap .nav .nav_list .sub_nav .sub_nav_list li:first-child{}
    header .header_wrap .nav .nav_list .sub_nav .sub_nav_list li:last-child {margin-bottom:10px;}
    header .header_wrap .nav .nav_list .sub_nav .sub_nav_list li a{display:block;  line-height:46px; font-size:17px; font-weight:300; padding:0 20px; color:var(--black);}
    header .header_wrap .nav .nav_list > li {order: 2;}
    header .header_wrap .nav .nav_list .nav_login{order: 1;}
}
@media all and (max-width:767px){
    header .header_wrap .btn_nav_mobile{top:-1; right:20px;}
    header .header_wrap .open_btn_nav_mobile { right:10px;}
    header .header_wrap .btn_nav_mobile{top:4px;}
    .body-overflow header .header_wrap .logo{ left:20px;}
    header .header_wrap .nav .nav_list > li > a { padding:0 20px;  }
}
@media all and (max-width:500px){
    header .header_wrap .btn_nav_mobile{ right:15px;}
    header .header_wrap .open_btn_nav_mobile { right:7px;}
    .body-overflow header .header_wrap .logo{ left:15px; }
    header .header_wrap .nav .nav_list > li > a { padding:0 15px;  }
}


/* header_sear */
header .header_sear{position:relative; width:30%; height:40px; max-width:400px;  }
header .header_sear input{width:100%; height:100%; background:rgba(255,255,255,1); padding:0 50px 0 10px; border:1px solid var(--primary); border-radius:10px; font-size: 13px;}
header .header_sear button{position:absolute; right:5px; top:0; width:40px; height:40px; background: url(/assets/img/common/icon_search.svg) no-repeat 50% 50%; background-size:19px; font-size: 0}
header .header_sear input:focus,
header .header_sear input:hover { border:1px solid var(--secondary); opacity:1;  }

header .header_wrap .msearchbtn,
header .header_wrap .header_sear .msearch_close {display:none;}
header .header_wrap .msearchbtn span {font-size:0; text-indent:-9999;}

.serch_btn_ar {position: relative; width: 40px; display: flex; justify-content: center; align-items: center;}
.header_sear_inner {position: relative; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}

@media all and (max-width:1300px){
    header .header_sear{width:20%;}
    header .header_sear input::placeholder {font-size:13px; }
    header .header_sear input::-webkit-input-placeholder {font-size:13px; }
    header .header_sear input:-ms-input-placeholder {font-size:13px;}
    header .header_sear input:-moz-input-placeholder {font-size:13px;}
}
@media all and (max-width:1000px){
    header .header_sear{  width:100%; max-width:380px; margin:0 auto; top:2px;   }
    header .header_sear button{right:10px; width:40px; height:40px; background:transparent url(/assets/img/common/icon_search.svg) no-repeat 50% 50%; background-size:18px; border-radius:0 20px 20px 0;    }
    header .header_sear input:hover,
    header .header_sear input:focus  {border:1px solid var(--white);  opacity:1;  }
    .body-overflow header .header_wrap .header_sear,
    .body-overflow header .header_wrap .msearchbtn {display:none;}
}

@media all and (max-width:700px) {
    header .header_sear {display:none; position:fixed; top:56px; left:0; z-index:102; width:100%; max-width:100%;  height:56px;  }
    header .header_sear:before {position:fixed; left:0; top:56px; z-index:-1;  content:''; display:block; width:100%; height:56px; background:var(--bggray); border: 1px solid #aaa; opacity:0.96; }
    header .header_sear input{ border:none !important; width: calc(100% - 40px); background: none; }
    header .header_sear button{ top:8px; right:5px;}
    header .header_wrap .msearchbtn {display:block; position:fixed; top:8px; right:65px; z-index:101; width:40px; height:40px; background: rgba(99,91,255,.2) url(/assets/img/common/icon_search.svg) no-repeat 50% 50%; background-size:19px; border-radius: 20px; }
    header .header_wrap .msearch_close {display:block; position:fixed; top:0; right:65px; z-index:102;width:30px; height:56px; background: url(/assets/img/common/icon_close.svg) no-repeat 50% 49%; background-size:20px;  }
    header .header_wrap.on .header_sear,
    header .header_wrap.on .header_sear .msearch_close {display:block;}
    header .header_wrap.on .msearchbtn {display:none;}
}
@media all and (max-width:500px) {
    header .header_sear input{ padding:0 0 0 15px; }
    header .header_wrap .msearchbtn,
    header .header_wrap .msearch_close { right:58px;}
}
@media all and (max-width:350px) {
    header .header_sear input::placeholder {font-size:12px; }
    header .header_sear input::-webkit-input-placeholder {font-size:12px; }
    header .header_sear input:-ms-input-placeholder {font-size:12px;}
    header .header_sear input:-moz-input-placeholder {font-size:12px;}
}
@media all and (min-width:1600px) {
    header .header_sear{position:relative; } /** position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0 auto; **/
}


/* wallet_link */
header .wallet_link { width:350px; height:50px;  position:fixed; right:21px; top:490px; z-index:2; transform:rotate(90deg); transform-origin:right top; display:flex; align-items:center;   }
header .wallet_link a{ display:flex; justify-content: center; align-items:center; height:100%; line-height:1.2;  color:var(--black); transition:all 0.3s; font-weight:500; }
header .wallet_link a:hover{opacity:0.6; transition:all 0.3s }
header .wallet_link a:first-child {margin-right:30px;}
header .wallet_link a span{ width:auto; display:inline-block; line-height:48px; height:48px; padding:0 0 0 42px; }
header .wallet_link a.android span { background:url(/assets/img/common/icon_Android.svg) no-repeat 0 50%; background-size:32px;}
header .wallet_link a.ios span { background:url(/assets/img/common/icon_ios.svg) no-repeat 0 50%; background-size:32px; }

@media all and (max-width:1600px) {
    header .wallet_link { right:15px; }
    header .wallet_link a.android span,
    header .wallet_link a.ios span { background-size:30px; padding:0 0 0 38px; }
}
@media all and (max-width:1300px) {
    header .wallet_link { right:11px; }
    header .wallet_link a.android span,
    header .wallet_link a.ios span { background-size:26px; padding:0 0 0 35px; }
}
@media all and (max-width:1200px) {
    header .wallet_link { right:5px; }
}
@media all and (max-width:1100px) {
    header .wallet_link { top:485px; }
}
@media all and (max-width:1000px) {
    header .wallet_link {display:none;}
    .body-overflow header .wallet_link {display:block; position:relative;  top:0; left:0; z-index:105; right:auto;width:100%;max-width:100%; height:auto;padding:30px 5px; margin:0 auto; display:flex; align-items:center;justify-content:center; transform:none;text-align:center; background:var(--black);  }
    .body-overflow header .wallet_link a{display:inline-block; width:calc(50% - 7px); max-width:200px; text-align:center; color:var(--white); font-weight:400; border:1px solid #333; border-radius:25px; margin:0 10px; }
    .body-overflow header .wallet_link a.android span { background:url(/assets/img/common/icon_Android_w.svg) no-repeat 0 50%; background-size:18px;  }
    .body-overflow header .wallet_link a.ios span { background:url(/assets/img/common/icon_ios_w.svg) no-repeat 0 50%; background-size:18px;  }
    .body-overflow header .wallet_link a:first-child {margin-right:0;}
    .body-overflow header .wallet_link a span{width:auto;padding:0 0 0 28px;font-size:13px;}
}
@media all and (max-width:350px){
    .body-overflow header .wallet_link {display:block;}
    .body-overflow header .wallet_link a.android span,
    .body-overflow header .wallet_link a.ios span { background-size:16px;  }
    .body-overflow header .wallet_link a {width:calc(100% - 30px); max-width:100%; margin: 0 0 10px;}
    .body-overflow header .wallet_link a span{ padding:0 0 0 24px;font-size:12px;}
}


/* btn_nav_pc */
.btn_nav_pc {position:absolute; top:30px; right:29px; background:none; width:30px; height:30px; display:inline-block; }
.btn_nav_pc span {position:absolute; top:7px; right:0;width:100%; height:2px; background:#1e1e1e; font-size:0; text-indent:-9999; display:inline-block;}
.btn_nav_pc span:after { position:absolute; right:0;top:13px; width:100%; height:2px; background:#1e1e1e; content:''; display:inline-block; }

@media all and (max-width:1600px) {
    .btn_nav_pc {  right:24px; }
}
@media all and (max-width:1300px) {
    .btn_nav_pc {  right:21px; width:28px;}
}
@media all and (max-width:1200px) {
    .btn_nav_pc {  right:17px; width:26px; }
}
@media all and (max-width:1000px){
    .btn_nav_pc {display:none; }
}
@media all and (min-width:1001px){
    .btn_nav_pc {display:none; }
}


/* sub header */
.sub_header_wrap{}
.sub_header_wrap .sub_sear_wrap{position:absolute; top:0; right:0; z-index:5000;  }
.sub_header_wrap .sub_sear_wrap .btn_sear_view{display:block; width:20px; height:20px; margin:14px 0; background:url(/assets/img/common/icon_search_black.svg) no-repeat; transition:all 0.1s; cursor:pointer; }
.sub_header_wrap .sub_sear_wrap .btn_sear_view:hover{background:url(/assets/img/common/icon_search_or.svg) no-repeat;}
.sub_header_wrap .sub_sear_wrap.view .btn_sear_view{background:url(/assets/img/common/icon_close_black.svg) no-repeat;}
.sub_header_wrap .sub_sear_wrap.view .btn_sear_view:hover{background:url(/assets/img/common/icon_close_or.svg) no-repeat;}
.sub_header_wrap .sub_sear_wrap .header_sear{display:none; position:absolute; top:0; right:35px; width:0; transition:all 0.3s}
.sub_header_wrap .sub_sear_wrap.view .header_sear{display:block; width:500px; }
.sub_header_wrap .nav{padding-right:60px}

@media all and (max-width:1000px) {
    .sub_header{padding:10px 0}
    .sub_header_wrap .sub_sear_wrap.view .header_sear{width:400px}
    .sub_header_wrap .sub_sear_wrap {width:100%; margin:0 auto }
    .body-overflow .sub_header_wrap .sub_sear_wrap{right:3%; }
    .sub_header_wrap .sub_sear_wrap .btn_sear_view{float:right; margin-right:50px}
    .sub_header_wrap .sub_sear_wrap.view .header_sear{top:50px; right:0; width:100%;max-width:400px background:var(--white); box-shadow:0 0 20px rgba(0,0,0,0.1) }
    .sub_header_wrap .nav{padding-right:0px}
}
@media all and (max-width:750px) {
    .sub_header_wrap .sub_sear_wrap .btn_sear_view{margin:7px 45px 7px 0}
}
@media all and (max-width:370px) {
    .sub_header_wrap .sub_sear_wrap{display:none}
}


/* ===================================================
    container
   =================================================== */
#container{position:relative; width:100%; min-height: 640px;}

/* ===================================================
    footer
   =================================================== */
footer{position:relative; width:100%; background: rgba(0,0,0,0.04); border-top:1px solid var(--linelight);}
.footer_top {position: relative; width: 100%; padding: 16px 0; border-bottom: 1px solid var(--linelight);}
.ft_top_ar {display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1480px; margin: 0 auto;}
.ft_top_ar_sns ul {display: flex; justify-content: flex-start; align-items: center; gap: 4px;}
.ft_top_ar_sns ul li {width: 42px; height: 42px; border-radius: 21px; background: var(--white); border: 1px solid #ddd; }
.ft_top_ar_sns ul li a {width: 42px; height: 42px; display: flex; justify-content: center; align-items: center;}
.ft_top_ar_sns ul li a:hover {opacity: 0.8;}
.ft_top_ar_sns ul li a img {width: 22px; height: auto;}

footer .footer_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; max-width: 1480px; margin:0 auto; padding:32px 0; }
footer .footer_wrap .company_wrap {width:54%;}
footer .footer_wrap .company_wrap h3 {width:100%; }
footer .footer_wrap .company_wrap h3 span { display:inline-block; background:url(/assets/img/common/logo_rysen_gray.svg) no-repeat 0 50%;  background-size:100px; padding:0 0 0 104px; font-size:18px; font-weight:600; opacity: 0.8;}
footer .footer_wrap .company_wrap h3 span i { font-size:0; text-indent:-9999;  }
footer .footer_wrap .company_wrap p {margin:12px 0 0 0;   font-weight:300; line-height:1.4;}
footer .footer_wrap .foot_nav_wrap{ width:40%; max-width:630px;  margin:10px 0 0 0; height:auto; }
footer .footer_wrap .foot_nav_wrap .ft_nav_list{display:flex; justify-content:end;   }
footer .footer_wrap .foot_nav_wrap .ft_nav_list > li{width:33.33%; max-width:170px; line-height:1.2;  }
footer .footer_wrap .foot_nav_wrap .ft_nav_list > li span{font-size:18px; display:block; line-height:1.2; text-transform:uppercase; font-weight:600; }
footer .footer_wrap .foot_nav_wrap .ft_nav_sub{margin-top:8px;}
footer .footer_wrap .foot_nav_wrap .ft_nav_sub li a{display:inline-block; padding:5px 0; transition:all 0.3s}
footer .footer_wrap .foot_nav_wrap .ft_nav_sub li a:hover{opacity:0.5;}
footer .copy{  width:100%; font-size:12px; font-weight:300; text-transform:uppercase; line-height:1.2;  padding:10px 0 0 0; }
footer .copy br{display:none}

@media all and (max-width:1680px) {
    footer .footer_wrap, .ft_top_ar {width:calc(100% - 160px);}
}
@media all and (max-width:1300px) {
    footer .footer_wrap, ..ft_top_ar {width:calc(100% - 140px);}
    footer .footer_wrap .company_wrap p,
    footer .footer_wrap .foot_nav_wrap .ft_nav_sub li a{font-size:13px;}
    footer .footer_wrap .company_wrap p br {display:none;}
}
@media all and (max-width:1200px) {
    footer .footer_wrap, .ft_top_ar {width:calc(100% - 120px);}
}
@media all and (max-width:1000px) {
    footer .footer_wrap {padding:27px 25px 30px 25px; width:calc(100% - 40px);}
    .ft_top_ar {width:calc(100% - 40px);}
    footer .footer_wrap .foot_nav_wrap .ft_nav_list > li{ padding:0 5px; }
    footer .footer_wrap { display:block; text-align:center;width:100%; max-width:630px;border:none; padding:25px 25px 30px 25px;}
    footer .footer_wrap .company_wrap{width:100%}
    footer .footer_wrap .company_wrap p {margin:10px 0 0 0; }
    footer .footer_wrap .foot_nav_wrap {width:100%;  padding:15px 0 20px 0;}
    footer .footer_wrap .foot_nav_wrap .ft_nav_list > li{ width:33.33%; max-width:100%; margin:0;}
}
@media all and (max-width:767px) {
    footer .footer_wrap{padding:27px 20px 30px 20px; width:calc(100% - 24px);}
    .ft_top_ar {width:calc(100% - 24px);}
}
@media all and (max-width:500px) {
    footer .footer_wrap{padding:27px 15px 30px 15px; width:calc(100% - 16px);}
    .ft_top_ar {width:calc(100% - 16px);}
    footer .footer_wrap .foot_nav_wrap .ft_nav_list > li span{font-size:16px; }
    footer .footer_wrap .company_wrap p,
    footer .footer_wrap .foot_nav_wrap .ft_nav_sub li a{font-size:12px;}
    footer .copy{  font-size:11px; color:#999;}
}


/* go top  */
.ft_top_ar_top {position: relative;}
#top {position: relative; display: block; width: 100%;  z-index:2; width:44px; height:18px;  background:url(/assets/img/common/icon_top.svg) no-repeat right 50%; background-size: auto 16px; transition:all 0.2s}
#top em { display:flex; justify-content:start; align-items:center; width:100%;  height:100%; color:var(--black);}
#top em i {display:inline-block; padding:10px 0 0 0;background:url(/assets/img/common/top_arr.svg) no-repeat 50% 0; background-size:12px auto; }
#top:hover {}
.mhide {display:block;}
@media all and (max-width:1600px) {
    #top{}
}
@media all and (max-width:1300px) {
    #top{}
}
@media all and (max-width:1200px) {
    #top{}
}
@media all and (max-width:1000px) {
    #top{}
}
@media all and (max-width:500px) {
    #top{}
}
@media all and (min-width:1000px) {
    #top{}
}



/* =================================================== main
   =================================================== */

.con_wrap{position:relative;  margin:0 auto; width:100%; max-width:1480px;  margin:0 auto; padding:30px 0 48px 0;}
.con_wrap.main_wrap {}
@media all and (max-width:1680px) {
    .con_wrap{ width:calc(100% - 160px);}
}
@media all and (max-width:1300px) {
    .con_wrap{ width:calc(100% - 140px); }
}
@media all and (max-width:1200px) {
    .con_wrap{min-height:640px; width:calc(100% - 120px);}
}
@media all and (max-width:1000px) {
    .con_wrap{width:calc(100% - 40px); padding: 20px 0 40px 0}
}
@media all and (max-width:767px) {
    .con_wrap{width:calc(100% - 24px);}
}
@media all and (max-width:500px) {
    .con_wrap{width:calc(100% - 16px);}
}


.main .mainwrap{ width:100%;}
.mbox {width:100%; position:relative; padding:50px 4%; display:flex; justify-content:space-between; align-items:start; }
.mbox.mbox_top {border-bottom:1px solid #e9e9e9;}
.mbox h2 {  font-size:18px; line-height:1.2; font-weight:600; }

.m_total_box {display:flex; flex-wrap:wrap; width:62%; min-width:590px;padding:0 20px 0 0; }
.m_total_box .m_total_inner{width:49.5% ;float:left; border:solid #eaeaea; border-width:1px 0 0 1px; margin:-1px 0 0 -1px;} /** width:32.5% ; **/
.m_total_box .m_total_inner:nth-child(2n+1){border-left:0} /** nth-child(3n+1) **/
.m_total_box .m_total_inner:nth-child(1),
.m_total_box .m_total_inner:nth-child(2){border-top:0} /** .m_total_box .m_total_inner:nth-child(3) **/
.m_total_box .m_total_inner:nth-child(1){padding:0 20px 20px 0}
.m_total_box .m_total_inner:nth-child(2){ padding:0 20px 20px}
.m_total_box .m_total_inner:nth-child(3){padding:20px 20px 0 0} /** padding:0 0 20px 20px **/
.m_total_box .m_total_inner:nth-child(4){padding:20px 20px 0 20px} /** 20px 20px 0 0 **/
.m_total_box .m_total_inner:nth-child(5){ padding:20px 20px 0}
.m_total_box .m_total_inner:nth-child(6){padding:20px 0 0 20px}
.m_total_box .m_total_inner h2{width:100%; height:44px; position:relative; padding-left:50px; display:flex;justify-content:start;align-items:center; line-height:1.2; }
.m_total_box .m_total_inner h2::before{display:block; position:absolute; top:0; left:0; width:44px; height:100%; border-radius:50%; content:""}
.m_total_box .m_total_inner h2.tps::before{background:var(--black) url(/assets/img/main/icon_tps.svg) no-repeat 50% 50%; background-size:90%; }
.m_total_box .m_total_inner h2.total::before{background:var(--black) url(/assets/img/main/icon_total.svg) no-repeat 50% 50%; background-size:90%;  }
.m_total_box .m_total_inner h2.latest::before{background:var(--black) url(/assets/img/main/icon_latest.svg) no-repeat 50% 50%; background-size:90%; }
.m_total_box .m_total_inner h2.transac::before{background:var(--black) url(/assets/img/main/icon_transac.svg) no-repeat 50% 50%; background-size:90%; }
.m_total_box .m_total_inner h2.nft::before{background:var(--black) url(/assets/img/main/icon_nft.svg) no-repeat 50% 50%;background-size:90%; }
.m_total_box .m_total_inner h2.dapp::before{background:var(--black) url(/assets/img/main/icon_dapp.svg) no-repeat 50% 50%; background-size:90%; }
.m_total_box .m_total_inner p{margin:10px 0 0; text-align:right}
.m_total_box .m_total_inner p .count{display:inline-block; font-size:1.429em; line-height:1.2; font-weight:500;}
.m_total_box .m_total_inner p .unit{display:inline-block; margin-left:5px; font-size:1em; line-height:1.2; font-weight:300; color:var(--light_gray)}

.m_graph{width:34%;  }
.m_graph h2{margin-top:0; }
.m_graph .m_graph_wrap{height:150px; margin-top:15px;}


.mbox_bottom > div {position:relative; width:47.5%;}
.mbox_bottom > div h2{ text-transform:uppercase; padding:0 20px; background:#f5f5f5; border-radius:6px; line-height:50px; height:50px; }
.mbox_bottom > div ul {width:100%; }
.mbox_bottom > div ul li{ display:flex; justify-content:space-between; padding:15px 20px; border-bottom:1px solid #e9e9e9;}
.mbox_bottom > div ul li:hover {background:#fafafa;}
.mbox_bottom > div .m_more{display:block; position:absolute; top:0; line-height:49px; height:50px; right:20px; padding-right:14px; background:url(/assets/img/common/icon_more.svg) no-repeat 100% 50%; color:var(--light_gray); transition:all 0.3s}
.mbox_bottom > div .m_more:hover{background:url(/assets/img/common/icon_more_hover.svg) no-repeat 96% 50%; color:var(--gray); }

.m_block .m_block_list li span{display:block; line-height:20px; }
.m_block .m_block_list li .block_left{width:30%; min-width:150px; height:40px; padding-left:50px; background:url(/assets/img/common/icon_block.svg) no-repeat 0 50%; background-size:38px; }
.m_block .m_block_list li .block_left .num{display:block; font-size:1.143em; font-weight:600; transition:all 0.3s}
.m_block .m_block_list li .block_left .num:hover{color:var(--primary)}
.m_block .m_block_list li .block_left .age{color:var(--light_gray)}
.m_block .m_block_list li .block_right{width:68%;}
.m_block .m_block_list li .block_right .add{position:relative; }
.m_block .m_block_list li .block_right .add .fb{position:absolute; top:0; left:0; width:25px; margin-right:5px; font-size:1.143em; vertical-align:top}
.m_block .m_block_list li .block_right .add a{display:block; padding-left:30px; transition:all 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.m_block .m_block_list li .block_right .add a:hover{color:var(--primary); }
.m_block .m_block_list li .block_right .txn{color:var(--light_gray)}

.m_trans .m_trans_list li span{display:block; line-height:20px; }
.m_trans .m_trans_list li .trans_left{width:68%; min-height:40px; padding-left:50px; background:url(/assets/img/common/icon_tx.svg) no-repeat 0 50%; background-size:38px; }
.m_trans .m_trans_list li .trans_left .hash{display:block; transition:all 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.m_trans .m_trans_list li .trans_left .hash:hover{color:var(--primary)}
.m_trans .m_trans_list li .trans_left .add{display:flex; }
.m_trans .m_trans_list li .trans_left .add .from,
.m_trans .m_trans_list li .trans_left .add .to{display:block; width:35%; transition:all 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.m_trans .m_trans_list li .trans_left .add .from100{width:100%;}
.m_trans .m_trans_list li .trans_left .add .from:hover,
.m_trans .m_trans_list li .trans_left .add .to:hover{color:var(--primary)}
.m_trans .m_trans_list li .trans_left .add .arr{display:inline-block; width:30px; height:20px; background:url(/assets/img/common/icon_add_send.svg) no-repeat 45% 50%;}
.m_trans .m_trans_list li .trans_right{width:30%; min-width:100px; text-align:right;  }
.m_trans .m_trans_list li .trans_right .amount{font-size:1em;/*font-size:1.143em;*/}
.m_trans .m_trans_list li .trans_right .amount .fb{display:inline-block;}
.m_trans .m_trans_list li .trans_right .age{color:var(--light_gray)}

@media all and (max-width:1100px){
    .mbox.mbox_top{ display:block; padding:0;  }
    .m_total_box{ width:100%; min-width:100%; padding:4%;   }
    .m_total_box .m_total_inner{width:calc(33.33% - 1px);}
    .mbox.mbox_bottom { padding:4%;  }
    .m_graph{width:100%; padding:4%; border-top:1px solid #e9e9e9;}
}
@media all and (max-width:1100px){
    .m_total_box,
    .mbox.mbox_bottom,
    .m_graph {padding:4% 25px;}
}
@media all and (max-width:767px){
    .m_total_box,
    .m_graph{ padding:35px 20px;}
    .mbox.mbox_bottom { display:block; padding:35px 20px;  }
    .mbox_bottom > div { width:100%;}
    .m_trans {margin-top:35px;}
}
@media all and (max-width:700px){
    .m_total_box .m_total_inner,
    .m_total_box .m_total_inner:nth-child(5),
    .m_total_box .m_total_inner:nth-child(6) {width:calc(50% - 1px);}
    .m_total_box .m_total_inner:nth-child(3){border:0; border-top:1px solid #ededed}
    .m_total_box .m_total_inner:nth-child(4){ border-left:1px solid #ededed;}
    .m_total_box .m_total_inner:nth-child(5){border:0; border-top:1px solid #ededed}
    .m_total_box .m_total_inner:nth-child(2){ padding:0 0 20px 20px}
    .m_total_box .m_total_inner:nth-child(3) { padding:20px 20px 0 0;}
    .m_total_box .m_total_inner:nth-child(4) { padding:20px 0 20px 20px;}
    .m_total_box .m_total_inner:nth-child(5) { padding:20px 20px 0 0;}
}
@media all and (max-width:500px){
    .m_total_box,
    .mbox.mbox_bottom { padding:30px 15px;  }
    .m_trans {margin-top:30px;}
    .mbox_bottom > div h2{ padding:0 15px; }
    .mbox_bottom > div .m_more{ right:15px; font-size:12px; }
    .m_block .m_block_list li{flex-wrap:wrap; padding:12px 15px }
    .m_block .m_block_list li .block_left{display:flex; justify-content:space-between; width:100%; }
    .m_block .m_block_list li .block_right{width:100%; margin-top:-15px; padding-left:50px; }
    .m_block .m_block_list li .block_right .add a{white-space:normal; overflow:visible; text-overflow:clip;}
    .m_block .m_block_list li .block_right .txn{margin-top:5px;}

    .m_trans .m_trans_list li{flex-wrap:wrap; flex-direction:column-reverse; padding:12px 15px }
    .m_trans .m_trans_list li .trans_left{z-index:900; width:100%; height:auto; margin-top:-15px; background:0 none  }
    .m_trans .m_trans_list li .trans_right{display:flex; justify-content:space-between; z-index:1; width:100%; min-height:40px; height:auto; padding-left:50px; background:url(/assets/img/common/icon_tx.svg) no-repeat 0 50%; }
    .m_trans .m_trans_list li .trans_left .hash{white-space:normal; overflow:visible; text-overflow:clip;}
    .m_trans .m_trans_list li .trans_left .add .from, .m_trans .m_trans_list li .trans_left .add .to{width:40%}

    .m_total_box .m_total_inner h2 {height:40px;}
    .m_total_box .m_total_inner h2::before{width:40px;}
    .m_block .m_block_list li .block_left,
    .m_trans .m_trans_list li .trans_right{padding-left:42px; background-size:36px;}
    .m_block .m_block_list li .block_right,
    .m_trans .m_trans_list li .trans_left{padding-left:42px;}
}
@media all and (max-width:450px){
    .mbox.mbox_top {border-bottom:none;}
    .m_total_box .m_total_inner,
    .m_total_box .m_total_inner:nth-child(1),
    .m_total_box .m_total_inner:nth-child(2),
    .m_total_box .m_total_inner:nth-child(3),
    .m_total_box .m_total_inner:nth-child(4),
    .m_total_box .m_total_inner:nth-child(5),
    .m_total_box .m_total_inner:nth-child(6){display:block; width:100%; border:0; border:1px solid #e9e9e9; padding:15px ; border-radius:6px;  margin:10px 0 0 0;}
    .m_total_box .m_total_inner p{margin:0}
    .m_total_box .m_total_inner:nth-child(1){ margin:0; }
    .m_graph{ width:calc(100% - 30px);  border:1px solid #e9e9e9; padding:16px 15px ; margin:0 auto; border-radius:6px;   }
    .m_graph .m_graph_wrap{ margin-top:10px;}
    .m_block .m_block_list li,
    .m_trans .m_trans_list li{ padding:12px 10px }
}
@media all and (max-width:400px){
    .mbox_bottom > div .m_more {width:30px; display:inline-block;}
    .mbox_bottom > div .m_more span { font-size:0; text-indent:-9999px;  }
}
@media all and (max-width:360px){
    .m_trans .m_trans_list li .trans_right{flex-wrap:wrap}
    .m_trans .m_trans_list li .trans_right .amount{width:100%; text-align:left}
    .m_trans .m_trans_list li .trans_left{margin:0}

}

/** 20251117 home ed **/

.home_search_ar {position: relative; width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.home_search {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap:8px; align-items: center; width: 100%; max-width: 1025px;}
.home_search h3 {font-weight: 600; font-size: 16px; color: var(--primary);}
.home_search_inp {width:calc(100% - 260px); display: flex; justify-content: space-between; align-items: center; height: 48px; padding: 0 16px 0 8px; line-height: 48px; border-radius: 10px; border: 1px solid var(--linelight); background: var(--white);}
.home_search_inp input[type="text"] {width:100%; height: 46px; border: none;}
.home_search_inp button {width:40px; height:40px; background: url(/assets/img/common/icon_search.svg) no-repeat 50% 50%; background-size:19px; font-size: 0}

.home_top {width: 100%; display: grid; grid-template-columns: 54% calc(46% - 24px); grid-template-rows: repeat(1, 1fr); gap: 24px; margin-bottom: 24px}
.ex_ff_box {position:relative; width: 100%; background: var(--white); border: 1px solid var(--linelight); border-radius: 10px; overflow: hidden;}

.top_left{position: relative; width: 100%; background: var(--primary) url(/assets/img/main/icon_sec.png) no-repeat right 50%; background-size: auto calc(100% - 50px); padding: 40px; border-radius: 10px; color:var(--white);}
.trs_data{display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 16px;}
.trs_tit {display: flex; flex-direction: column;  justify-content: center; background: url(/assets/img/main/icon_home04.svg) no-repeat 0 0; padding:0 0 0 64px; min-height: 56px; font-weight: 500; font-size: 16px;}
.trs_tit span {display: block; font-size: 14px; font-weight: 400; opacity: 0.64;}
.trs_data_in {display: flex; align-items: end; }
.trs_data_in .count {font-weight: 700; font-size: 30px;}
.trs_data_in .count span {font-weight: 400; font-size: 14px; opacity: 0.8;}
.trs_data_in .unit {opacity: 0.8; padding:0 0 7px 8px;}
.trs_data_in .unit span {font-weight: 600;}

h4.cs_tit {position: relative; width: 100%; text-align: center; font-size: 16px; font-weight: 500; padding:16px;}
.cs_ar {padding: 0 24px;}

.ht_box {width:100%; border: 1px solid var(--linedeep); border-radius: 24px; padding: 20px 24px 20px 94px; min-height: 96px; font-weight: 700;}
.ht_box.ht_box01 {background: url(/assets/img/main/icon_home01.svg) no-repeat 24px 50%; background-size: 56px auto;}
.ht_box.ht_box02 {background: url(/assets/img/main/icon_home02.svg) no-repeat 24px 50%; background-size: 56px auto;}
.ht_box.ht_box03 {background: url(/assets/img/main/icon_home03.svg) no-repeat 24px 50%; background-size: 56px auto;}
.ht_box.ht_box04 {background: url(/assets/img/main/icon_home04.svg) no-repeat 24px 50%; background-size: 56px auto;}
.ht_box dl {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.ht_box dl dd span.count {font-size: 20px;}
.ht_box dl dd span.unit {font-weight: 400; color: var(--gray); padding-left: 2px;}

.home_md {width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); gap: 20px; margin-bottom: 24px;}
.md_box {position: relative; width:100%; border: 1px solid var(--lineviolet); border-radius: 24px; overflow: hidden;}
.box_tit {position: relative; width: 100%; padding: 20px 24px 16px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--linelight); font-weight: 700; font-size: 16px;}
.box_tit a {font-size: 13px; font-weight: 500; color: var(--primary); transition:all 0.3s;}
.box_tit a:hover {opacity: 0.8;}
.md_box_con {padding: 20px 24px 12px 24px;}

.home_bot {width: 100%; display: grid; grid-template-columns: 54% calc(46% - 24px); grid-template-rows: repeat(1, 1fr); gap: 24px;}
.md_box_li {width: 100%; position: relative; overflow: hidden;}

@media all and (max-width:1560px){
    .main .mainwrap {}
    .home_top {grid-template-columns: 54% calc(46% - 16px); gap: 16px;}
    .home_md {gap: 16px}
    .home_bot {grid-template-columns: 54% calc(46% - 16px); gap: 16px}
    .ht_box {padding: 20px 20px 20px 90px; min-height: auto;}
    .ht_box.ht_box01 {background-position:20px 50%; background-size: 56px auto;}
    .ht_box.ht_box02 {background-position:20px 50%; background-size: 56px auto;}
    .ht_box.ht_box03 {background-position:20px 50%; background-size: 56px auto;}
    .ht_box.ht_box04 {background-position:20px 50%; background-size: 56px auto;}
}

@media all and (max-width:1380px){
    .main .mainwrap {}
    .home_top {grid-template-columns: 54% calc(46% - 12px); gap: 12px;}
    .home_md {gap: 12px;}
    .home_bot {grid-template-columns: 54% calc(46% - 12px); gap: 12px}
    .ht_box {padding: 10px 10px 10px 72px; border-radius: 20px;}
    .ht_box.ht_box01 {background-position:10px 50%; background-size: 56px auto;}
    .ht_box.ht_box02 {background-position:10px 50%; background-size: 56px auto;}
    .ht_box.ht_box03 {background-position:10px 50%; background-size: 56px auto;}
    .ht_box.ht_box04 {background-position:10px 50%; background-size: 56px auto;}
}
@media all and (max-width:1280px){
    .main .mainwrap {}
    .home_md {gap: 8px;}
    .home_bot {}
    .ht_box {padding: 10px 10px 10px 64px;}
    .ht_box.ht_box01 {background-size: 48px auto;}
    .ht_box.ht_box02 {background-size: 48px auto;}
    .ht_box.ht_box03 {background-size: 48px auto;}
    .ht_box.ht_box04 {background-size: 48px auto;}

    .ht_box dl dd span.count {font-size: 18px;}
    .ht_box dl dd span.unit {font-size: 13px; padding-left: 0;}
}
@media all and (max-width:1100px){
    .home_top {grid-template-columns: 54% calc(46% - 10px); gap: 10px;}
    .home_md {grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, auto); gap: 10px;}
    .home_bot {grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, auto); gap: 10px;}
    .top_left {padding: 24px;}
    .trs_data_in .count {font-size: 24px;}

    .home_search {flex-direction: column;}
    .home_search_ar {margin-bottom: 24px;}
    .home_search h3 {width: 100%;}
    .home_search_inp {width:100%;}
}
@media all and (max-width:780px){
    .home_top {margin-bottom: 16px; grid-template-columns: repeat(1,1fr); grid-template-rows: repeat(2, auto); gap: 8px;}
    .box_tit {font-size: 14px; padding: 16px 18px 10px 18px;}
    .home_md {grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, auto); gap: 8px;}
    .home_bot {grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, auto); gap: 8px;}
    .top_left {padding: 16px;}
    .trs_tit, h4.cs_tit {font-size: 14px; text-align: left;}
    .home_search_ar {margin-bottom: 20px;}
    .home_search h3 {font-size: 14px;}
    .cs_ar {padding: 0 16px}
}
@media all and (max-width:560px){
    .main .mainwrap {}
    .trs_data_in .count {font-size: 20px;}
    .trs_data_in .unit {padding: 0 0 4px 4px; font-size: 13px;}
    .cs_ar {padding: 0 10px}
}

.main_block_li {width: 100%;}
.main_block_li li{ display:flex; justify-content:space-between; padding:15px 20px; border-bottom:1px dashed #e5e5e5; gap: 24px;}
.main_block_li li:hover {background:#fafafa;}
.main_block_li li:last-child {border-bottom:0 solid #e9e9e9;}

.main_block_li li span {display:block; line-height:20px; }
.main_block_li li .block_left{width:44%; min-width:150px; height:48px; padding-left:56px; background:url(/assets/img/common/icon_block.svg) no-repeat 0 50%; background-size:48px; display: flex; flex-direction: column; justify-content:center;}
.main_block_li li .block_left .num{display:block; font-size:14px; font-weight:500; color:var(--primary); transition:all 0.3s}
.main_block_li li .block_left .num:hover{opacity: 0.8;}
.main_block_li li .age{color:var(--light_gray)}
.main_block_li li .block_right{width:54%;}
.main_block_li li .block_right .add{position:relative; }
.main_block_li li .block_right .add .fb{position:absolute; top:0; left:0; width:25px; margin-right:5px; font-size:14px; vertical-align:top; font-weight: 500 !important;}
.main_block_li li .block_right .add a{display:block; padding-left:30px; transition:all 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--primary); font-weight: 500;}
.main_block_li li .block_right .add a:hover{opacity: 0.8; }
.main_block_li li .block_right .txn{color:var(--light_gray)}

.main_block_li li .trans_left{width:68%; min-height:48px; padding-left:56px; background:url(/assets/img/common/icon_tx.svg) no-repeat 0 50%; background-size:48px;}
.main_block_li li .trans_left .hash{display:block; transition:all 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--primary); font-weight: 500;}
.main_block_li li .trans_left .hash:hover{opacity: 0.8;}
.main_block_li li .trans_left .add{display:flex;}
.main_block_li li .trans_left .add .from,
.main_block_li li .trans_left .add .to{display:block; width:35%; transition:all 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--primary); font-weight: 500;}
.main_block_li li .trans_left .add .from100{width:100%;}
.main_block_li li .trans_left .add .from:hover,
.main_block_li li .trans_left .add .to:hover{opacity: 0.8;}
.main_block_li li .trans_left .add .arr{display:inline-block; width:30px; height:20px; background:url(/assets/img/common/icon_add_send.svg) no-repeat 45% 50%;}
.main_block_li li .trans_right{width:30%; min-width:100px; text-align:right;  }
.main_block_li li .trans_right .amount{font-size:1em;/*font-size:1.143em;*/}
.main_block_li li .trans_right .amount .fb{display:inline-block; font-weight: 400 !important;}

@media all and (max-width:500px){
    .main_block_li li{flex-wrap:wrap; padding:12px 15px }
    .main_block_li li .block_left{display:flex; flex-direction: row; justify-content:space-between; width:100%; height: 40px;}
    .main_block_li li .block_right{width:100%; margin-top:-18px; padding-left:50px; }
    .main_block_li li .block_right .add a{white-space:normal; overflow:visible; text-overflow:clip;}
    .main_block_li li .block_right .txn{margin-top:0;}

    .m_trans .m_trans_list li{flex-wrap:wrap; flex-direction:column-reverse; padding:12px 15px }
    .m_trans .m_trans_list li .trans_left{z-index:900; width:100%; height:auto; margin-top:-15px; background:0 none  }
    .m_trans .m_trans_list li .trans_right{display:flex; justify-content:space-between; z-index:1; width:100%; min-height:40px; height:auto; padding-left:50px; background:url(/assets/img/common/icon_tx.svg) no-repeat 0 50%; }
    .m_trans .m_trans_list li .trans_left .hash{white-space:normal; overflow:visible; text-overflow:clip;}
    .m_trans .m_trans_list li .trans_left .add .from, .m_trans .m_trans_list li .trans_left .add .to{width:40%}

    .main_block_li li .block_left,
    .m_trans .m_trans_list li .trans_right{padding-left:42px; background-size:36px;}
    .main_block_li li .block_right,
    .m_trans .m_trans_list li .trans_left{padding-left:42px;}
}
@media all and (max-width:450px){
    .main_block_li li,
    .m_trans .m_trans_list li{ padding:12px 10px }
}
@media all and (max-width:400px){

}
@media all and (max-width:360px){
    .m_trans .m_trans_list li .trans_right{flex-wrap:wrap}
    .m_trans .m_trans_list li .trans_right .amount{width:100%; text-align:left}
    .m_trans .m_trans_list li .trans_left{margin:0}

}

/** home_new_trans **/
.main_block_li li div {display: flex; flex-direction: column; justify-content: center;}
.main_block_li li .trans_left_ar {width:33%; min-height:48px; padding-left:56px; background:url(/assets/img/common/icon_tx.svg) no-repeat 0 50%; background-size:48px;}
.main_block_li li .trans_center_ar {width:33%;}
.main_block_li li div a {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:var(--primary); font-weight: 500;}
.main_block_li li div a:hover {opacity: 0.8;}
.main_block_li li div a.to {background: url(/assets/img/common/icon_to_arr.svg) 0 50% no-repeat; background-size: 16px auto; padding-left: 20px;}
.amount.am_box {padding: 8px 10px; background: rgba(0,0,0,0.06); border-radius: 10px;}

@media all and (max-width:500px){
    .main_block_li li {gap: 8px;}
    .main_block_li li .trans_left_ar {width:60%; min-height:40px; padding-left:48px; background-size:40px;}
    .main_block_li li .trans_center_ar {width:60%; padding-left: 48px;}
    .amount.am_box {padding: 4px 8px; background: rgba(0,0,0,0.06); border-radius: 10px; font-size: 13px;}
    .box_tit a span {display: none;}
}
@media all and (max-width:380px){
    .main_block_li li .trans_right_ar {margin-left: 48px;}
    .main_block_li li .trans_left_ar {width:100%;}
    .main_block_li li .trans_center_ar {width:100%;}
}

/** //home_new_trans **/

.ban_box {position: relative; width:100%; background-color: #f9f9f9; border-radius: 24px; display: flex; align-items: center; overflow: hidden;}
.md_ban_ar {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.md_ban_ar li {margin-bottom: 8px; width: 100%;}
.md_ban_ar li:last-child {margin-bottom: 0;}
.ex_ban a {width: 100%; display: flex; justify-content: space-between; align-items: center; border: 1px solid #ddd; padding: 20px; border-radius: 16px; background-color: var(--white); font-weight: 600;}
.ex_ban a:hover {background-color: #f5f5f5;}
.ex_ban a span {display: flex; align-items: center;}
.ex_ban a img {width: auto; height: 30px; padding-right:10px;}
.ex_ban a img.go_ar {width: auto; height: 18px; padding-right: 0;}
.ex_ban a img.img_wal {width: auto; height: 24px;}

    /** // 20251117 home ed **/

.visible { display: block !important; animation: fadein ease 0.8s; -moz-animation: fadein ease 0.8s; -webkit-animation: fadein ease 0.8s; -o-animation: fadein ease 0.8s;	}
.hidden { display: none !important; animation: fadeout ease 0.8s; -moz-animation: fadeout ease 0.8s; -webkit-animation: fadeout ease 0.8s; -o-animation: fadeout ease 0.8s;	}
.mhide { display: block !important;  }

@media all and (max-width:1000px){
    .mhide { display:none !important;  }
    .mvisible { display: block !important; animation: fadein ease 0.8s; -moz-animation: fadein ease 0.8s; -webkit-animation: fadein ease 0.8s; -o-animation: fadein ease 0.8s;	}
    .mhidden { display: none !important; animation: fadeout ease 0.8s; -moz-animation: fadeout ease 0.8s; -webkit-animation: fadeout ease 0.8s; -o-animation: fadeout ease 0.8s;	}
}
@media all and (min-width:1001px){
    .mhide { display: block !important;  }
}
/* keyframes */
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1;}
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity: 0; }
    to { opacity: 1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity: 0; }
    to { opacity: 1;}
}
@-o-keyframes fadein { /* Opera */
    from { opacity: 0; }
    to { opacity: 1;}
}

@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0;}
}
@-moz-keyframes fadeout { /* Firefox */
    from { opacity: 1; }
    to { opacity: 0;}
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from { opacity: 1; }
    to { opacity: 0;}
}
@-o-keyframes fadeout { /* Opera */
    from { opacity: 1; }
    to { opacity: 0;}
}

/* logout */
.nav_logout > a::after {display:none !important;}
.nav_logout {display:flex;}
.nav_logout .sub_nav_list {width:initial !important; padding:20px !important;}
.profile {align-self: center;}
.profile .img {background:#dcdcdc; border-radius: 50%; width:35px; height:35px;object-position:center center; overflow: hidden}
.profile .img img {width:100%; height:100%;}
.profile .m_btn {display:none;}
.login_info {display:flex; justify-content: center; align-items: center; border-radius: 10px; gap:10px;}
.login_info .btn_logout {background:#4F5155; padding:5px 20px; border-radius: 20px; color:#fff;}
.login_info .email {color:#fff;}

@media all and (max-width:1000px){
    .nav_logout.active_sub_nav .sub_nav_list {line-height:initial !important;}
    .nav_logout { order: 1 !important;}
    .profile {display:none !important;}
    .nav_logout .sub_nav_list {display:block !important; position:relative !important; top:initial !important; padding:0 20px; width:100% !important;}
    .login_info_wrap {margin-bottom:0 !important;}
    .login_info {width:100%; justify-content:space-between; background:transparent; flex-wrap: wrap;}

}