@charset "utf-8";

/* sub common*/ 
.sub h2{ width:100%; position:relative; font-size:28px; line-height:1.2; font-weight:500;  letter-spacing:-0.03em; margin:0 0 25px;  }
.sub h2 span {width:auto; position:relative; padding: 0 40px 0 0 ;}
.sub h2 span::after{position:absolute; right:0; bottom:10px; display:block; width:30px; height:1px;  background:var(--text_main_dark); border-radius:2px; content:"" }
.sub h3{margin:25px 0 10px; font-size:1.286em; line-height:1.4; font-weight:600; text-transform:uppercase;}

.hide{position:absolute; left:-9999999px;}


.list_top_wrap{display:flex; justify-content:space-between; margin-top:-25px}
.list_top_wrap .total{margin-top:13px; line-height:25px; color:var(--light_gray)}
.list_top_wrap .total .point{color:var(--aripink); font-weight:500;}
.list_top_wrap .ui-selectmenu-button.ui-button{width:110px; padding:0 10px 0 12px; }
.detail_transac_top{margin-top:-16px}

@media all and (max-width:750px){
    .list_top_wrap .ui-selectmenu-button.ui-button{width:100px; height:35px; line-height:33px;}
    .list_top_wrap .ui-selectmenu-button.ui-button .ui-icon{margin-top:14px;}
}
@media all and (max-width:400px){
    .list_top_wrap{flex-wrap:wrap; justify-content:flex-end}
    .list_top_wrap .total{width:100%; padding:0 0 10px; }
	.list_top_wrap .ui-selectmenu-button.ui-button{ width:100%}
}
@media all and (max-width:350px){
.sub h2{  font-size:26px;}
}
 

.date_list{display:block; width:100%; margin:10px 0 0; background:#0e0e0e; border:1px solid #333; border-radius:5px; overflow:hidden;}
.date_list li{display:flex; justify-content:space-between; align-items:center; padding:13px 20px; border-top:1px solid #333; min-height:50px;}
.date_list li:hover {background:var(--ff_opa_10);}
.date_list li:first-child {border-top:none;}
.date_list li > span{display:flex; align-content:center; flex-wrap:wrap; position:relative; line-height:26px }
.date_list li span span{width:100%; line-height:26px }
.date_list li span a{display:block; position:relative; width:100%; line-height:24px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s}
.date_list li span a:hover{color:var(--aripink);}
.date_list li span a.to{padding-left:20px; background:url("../img/common/icon_add_send.svg") no-repeat 0 50%; }
.btn_detail {display:inline-block; padding:10px 20px; font-size:1em; background:0 none; border:0; border-radius:5px; background:#0e0e0e; border:1px solid #444; white-space:nowrap; cursor:pointer; width:initial !important;}
.date_list li span a.btn_detail:hover{color:var(--aripink); border: 1px solid var(--aripink);}


.date_list li.list_tit{background:#333;}
.date_list li.list_tit span{font-size:1.143em; line-height:1.3; font-weight:600; text-transform:uppercase;}
.date_list li.no_result{justify-content:center; width:100%; padding:100px 0; background:#0e0e0e; text-align:center; }
.date_list li.no_result span{width:auto; display:inline-block; padding-left:35px; background:url("../img/sub/icon_no_result.svg") no-repeat; line-height:26px; color:var(--light_gray)}
@media all and (max-width:801px){
    .date_list{border:0; background:0 none}
    .date_list li,
	.date_list li:first-child {flex-wrap:wrap; margin:0 0 10px; background:#0e0e0e !important; border:1px solid #333; border-radius:5px; }
	.date_list li:last-child{ margin:0; }
    .date_list li.no_result:first-child{border-radius:0 5px 5px 5px;}
    .date_list li.list_tit{display:none}
    .holder_list.date_list li span a,
    .block_list.date_list li span a,
    .transac_list.date_list li span a,
    .blockDetail_data_list.date_list li span a,
    .tokenTransac_list.date_list li span a,
    .add_transac_list.date_list li span a,
    .nft_list.date_list li span a,
    .date_list li > span > span{display:block; position:relative; padding:5px 10px 5px 120px !important; background:0 none !important; line-height:22px;min-height:22px;text-align:left }
    .date_list li span a::before,
    .date_list li > span > span::before{display:block; position:absolute; top:5px; left:0; font-weight:600; text-transform:uppercase; content:attr(data-label);  }
    .date_list li span a::after,
    .date_list li > span > span::after{display:block; position:absolute; top:10px; left:110px; width:1px; height:14px; background:#555; content:"";  }
    .date_list li span a{line-height:22px;min-height:22px;white-space:normal; overflow:visible; text-overflow:clip;}
}
 
/* sub common add:꼭 하단에 있어야함 */
@media all and (max-width:400px) {
    .date_list li{ width:100%; display:block;  padding:3px 15px 15px 15px;  }
	.date_list li > span {width:100%; padding:0; display:block; }
    .holder_list.date_list li span a,
    .nft_list.date_list li span a,
    .block_list.date_list li span a,
    .blockDetail_data_list.date_list li span a,
    .tokenTransac_list.date_list li span a,
    .add_transac_list.date_list li span a,
    .transac_list.date_list li span a{width:100%; padding:17px 0 0 0 !important; display:block; margin:15px 0 0 0; line-height:1.4; }
    .date_list li span span{width:100%; padding:17px 0 0 0 !important; ;  display:block; margin:15px 0 0 0; line-height:1.4; }
    .date_list li span a::after,
    .date_list li span span::after {display:none;}
	.date_list li span:last-child a::after,
    .date_list li span:last-child span::after {display:none;}
	.date_list li span a::before,
    .date_list li > span > span::before {line-height:20px;top:-3px; color:#8f9398; font-weight:500 ; font-size:13px; }
}



.overview_list{width:100%; padding:20px 35px; background:#0e0e0e; border:1px solid #333; border-radius:5px; }
.overview_list dl{position:relative; display:flex; justify-content:space-between; padding:10px 0; line-height:24px; }
.overview_list dl dt{width:250px;  }
.overview_list dl dt .tit{display:inline-block; font-weight:600; vertical-align:top; }
.overview_list dl dt .tooltip{display:inline-block; position:relative; width:18px; height:23px; margin-left:3px; background:url(../img/sub/icon_tooltip.svg) no-repeat 0 50%; background-size:18px; vertical-align:top; }
.overview_list dl dt .tooltip .tooltip_about{display:none; position:absolute; top:-13px; left:30px; z-index:3; width:350px; padding:15px; border:1px solid #444; background:#333; border-radius:5px; box-shadow:0 0 6px rgba(0,0,0,0.15) }
.overview_list dl dt .tooltip .tooltip_about .tail{display:block; position:absolute; top:15px; left:-16px; z-index:5; width:0; height:0; border:8px solid; border-color:transparent #999 transparent transparent; }
.overview_list dl dt .tooltip .tooltip_about .tail::after{display:block; position:absolute; top:-8px; left:-7px; z-index:10; width:0; height:0; border:8px solid; border-color:transparent #333 transparent transparent; content:"" }
.overview_list dl dt .tooltip .tooltip_about .tail_shadow{display:block; position:absolute; top:23px; left:-6px; z-index:1; width:4px; height:4px; box-shadow:0 0 6px rgba(0,0,0,0.35); }
.overview_list dl dt .tooltip:hover .tooltip_about{display:block; animation:0.3s sub_nav_view; }
.overview_list dl dd{position:relative; width:calc(100% - 250px); }
.overview_list dl dd a{font-weight:600; transition:all 0.3s; vertical-align: middle}
.overview_list dl dd a:hover{color:var(--aripink)}
.overview_list dl dd .add_copy{margin-right:10px; }
.overview_list dl dd .btn_copy{display:inline-block; height:34px; margin:-5px 0; padding:0 13px 0 33px; background:url("../img/common/icon_copy.svg") no-repeat 13px 50%; background-size: 12px auto; border:1px solid #444; border-radius:5px; line-height:32px; font-weight:400; color:#aaa; transition:all 0.3s }
.overview_list dl dd .btn_copy:hover{background:#222 url("../img/common/icon_copy.svg") no-repeat 13px 50%; color:#ccc;  background-size: 12px auto;}
.overview_list dl dd .btn_detail{display:inline-block; height:34px; margin:-5px 0; padding:0 13px;background:#fff; border:1px solid #dbdbdb; border-radius:5px; line-height:34px; font-weight:400; color:#505050; transition:all 0.3s }
.overview_list dl dd .btn_detail:hover{background:#f1f1f1;color:#505050; }

@media all and (max-width:1400px) { 
    .overview_list dl dt{width:25%;min-width:170px;   }
	.overview_list dl dd{  width:75%; }
}
@media all and (max-width:1000px) {
	.overview_list{ padding:15px 25px; }
}
@media all and (max-width:801px) {
    .overview_list dl dd .btn_copy{height:26px; margin:-1px 0; line-height:24px; }

}
@media all and (max-width:767px) {
	.overview_list{ padding:15px 20px; }
}
@media all and (max-width:580px) { 
    .overview_list dl{flex-wrap:wrap; padding:8px 0}
    .overview_list dl dt{width:100%; }
    .overview_list dl dd{width:100%; margin-top:4px;}
	.overview_list dl dt .tooltip .tooltip_about{ width:250px;}
}
@media all and (max-width:500px) {
	.overview_list{ padding:15px 15px; }
	.overview_list dl dt .tooltip{position: static;  }
	.overview_list dl dt .tooltip .tooltip_about{ width:100%; top:35px; left:0; }
	.overview_list dl dt .tooltip .tooltip_about .tail{ top:-16px; left:15px;   border-color:transparent transparent #999 transparent ; }
	.overview_list dl dt .tooltip .tooltip_about .tail::after{top:-7px; left:-8px;  border-color:  transparent transparent #333  transparent  ; }
}


.page_wrap{margin:40px 0 0;}
.page_wrap ul{display:flex; justify-content:center}
.page_wrap ul li{}
.page_wrap ul li a{display:block; min-width:30px; line-height:30px; height:30px; margin:0 2px; text-align:center; transition:all 0.3s }
.page_wrap ul li a:hover{color:var(--aripink)}
.page_wrap ul li a.on{font-weight:600; color:var(--aripink)}
.page_wrap ul li.first a{background:#333 url("../img/common/icon_arr_first.svg") no-repeat center 50%; background-size:24px; border:1px solid #555; border-radius:5px; text-indent:-9999px;  }
.page_wrap ul li.first a:hover{background:#444 url("../img/common/icon_arr_first.svg") no-repeat center 50%; background-size:24px;}
.page_wrap ul li.pre a{margin-right:10px; background:#333 url("../img/common/icon_arr_pre.svg") no-repeat center 50%; background-size:24px; border:1px solid #555; border-radius:5px; text-indent:-9999px}
.page_wrap ul li.pre a:hover{background:#444 url("../img/common/icon_arr_pre.svg") no-repeat center 50%; background-size:24px;}
.page_wrap ul li.next a{margin-left:10px; background:#333 url("../img/common/icon_arr_next.svg") no-repeat center 50%; background-size:24px; border:1px solid #555; border-radius:5px; text-indent:-9999px}
.page_wrap ul li.next a:hover{background:#444 url("../img/common/icon_arr_next.svg") no-repeat center 50%; background-size:24px;}
.page_wrap ul li.last a{background:#333 url("../img/common/icon_arr_last.svg") no-repeat center 50%; background-size:24px; border:1px solid #555; border-radius:5px; text-indent:-9999px}
.page_wrap ul li.last a:hover{background:#444 url("../img/common/icon_arr_last.svg") no-repeat center 50%; background-size:24px;}
@media all and (max-width:1000px){
    .page_wrap{margin:30px 0 0;}
}
@media all and (max-width:767px){
    .page_wrap{margin:25px 0 0;}
}
@media all and (max-width:400px){ 
    .page_wrap{margin:20px 0 0;}
	.page_wrap ul li a{ margin:0;}
	.page_wrap ul li.first,
	.page_wrap ul li.pre a {margin:0 2px 0 0; }
	.page_wrap ul li.next a,
	.page_wrap ul li.last {margin:0 0 0 2px; }	 
}
@media all and (max-width:350px){
    .page_wrap ul li a{  min-width:26px; line-height:26px; height:26px; }  
}

/* ===================================================
    Blockchain
   =================================================== */

/* Block */
.block_list li > span{width:18%}
.block_list li .col05{justify-content:flex-end; text-align:right}
@media all and (max-width:801px){
    .block_list li > span{width:100%}
}

/* Block Details */
.block_height_wrap{display:flex;}
.block_num{display:inline-block; margin:0 10px; line-height:24px; font-weight:600;}
.block_prev{display:inline-block; width:24px; height:24px; border:1px solid var(--light_gray); background:url("../img/common/icon_arr_pre.svg") no-repeat; background-size:22px; border-radius:5px; text-indent:-9999px}
.block_prev:hover{background:#333 url("../img/common/icon_arr_pre.svg") no-repeat; background-size:22px; }
.block_next{display:inline-block; width:24px; height:24px; border:1px solid var(--light_gray); background:url("../img/common/icon_arr_next.svg") no-repeat; background-size:22px; border-radius:5px; text-indent:-9999px}
.block_next:hover{background:#333 url("../img/common/icon_arr_next.svg") no-repeat; background-size:22px; }

.blockDetail_data_list li .col01,
.blockDetail_data_list li .col02{width:38%}
.blockDetail_data_list li .col03{justify-content:flex-end; width:18%; text-align:right}
@media all and (max-width:801px){
    .blockDetail_data_list li .col01,
    .blockDetail_data_list li .col02,
    .blockDetail_data_list li .col03{width:100%}
}

/* Transactions */
.transac_list li .col01{width:30%}
.transac_list li .col02{width:16%}
.transac_list li .col03{width:35%}
.transac_list li .col04{justify-content:flex-end; width:15%; text-align:right}
.transac_list li .col05{width:15%}
.transac_list li .col06{width:10%}

.transac_list li span[data-label="Body"] {overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.transac_list li span[data-label="Json_meta"] {overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
@media all and (max-width:801px){
    .transac_list li .col01,
    .transac_list li .col02,
    .transac_list li .col03,
    .transac_list li .col04,
    .transac_list li .col05,
    .transac_list li .col06{width:100%}
    /*.transac_list li span span {margin:0;}*/
    .transac_list .btn_detail {margin:0 !important;}
}

/* Transactions Details */
.border_line{margin:10px 0;border-top:1px dotted #555;}
.transac_overview_list dl dd pre{display:block; width:100%; white-space:pre-wrap}
@media all and (max-width:801px) {
    .transac_overview_list{padding:10px 15px}
    .transac_overview_list dl{flex-wrap:wrap; padding:5px 0}
    .transac_overview_list dl dt{width:100%}
    .transac_overview_list dl dd{width:100%; margin-top:2px;}
}
@media all and (max-width:580px) {
    .transac_overview_list{padding:10px 15px}
    .transac_overview_list dl{flex-wrap:wrap; padding:5px 0}
    .transac_overview_list dl dt{width:100%}
    .transac_overview_list dl dd{width:100%; margin-top:2px;}
}

/* Address Details */
.add_top{display:flex; margin:0 0 -30px }
.add_top .wallet_add{display:inline-block; margin-left:30px; line-height:25px; color:var(--gray)}
.add_token_wrap{position:relative; max-width:400px; width:100%; }
.add_token_wrap .token_balance{display:block; width:100%; margin:-3px 0; padding:0 10px; background:url("/assets/img/common/icon_arrow_down.svg") no-repeat 97% 50%; border:1px solid #dbdbdb; border-radius:5px; line-height:30px;  }
.add_token_wrap .token_balance_list{position:absolute; top:31px; left:0; z-index:99999; width:100%; padding:5px 15px; background:#000; border:1px solid #dbdbdb; border-radius:5px;  }
.add_token_wrap .token_balance_list ul{}
.add_token_wrap .token_balance_list ul li{display:flex; justify-content:space-between; padding:5px 5px; border-top:1px solid #eaeaea; cursor:pointer; transition:all 0.3s}
.add_token_wrap .token_balance_list ul li:hover{background:#333; border-radius:3px; }
.add_token_wrap .token_balance_list ul li:first-child{border-top:0}
.add_token_wrap .token_balance_list ul li .name{}
.add_token_wrap .token_balance_list ul li .num{color:var(--white)}
.tab_wrap{margin-top:20px; }
.tab_wrap .add_tab_menu{z-index:999; }
.tab_wrap .add_tab_menu ul{display:inline-flex; z-index:999; background:#333; border-bottom:1px solid #333; border-radius:5px 5px 0 0; overflow:hidden }
.tab_wrap .add_tab_menu ul li a{display:block; width:180px; padding:11px 0; border-left:1px solid var(--black); font-size:1.143em; line-height:1.4; text-align:center; transition:all 0.3s }
.tab_wrap .add_tab_menu ul li:first-child a{border-left:0}
.tab_wrap .add_tab_menu ul li a.on{background:var(--aripink); color:#fff;}
.tab_wrap .add_tab_menu ul li a:hover{}
.tab_wrap .tab_content{z-index:-1; }
.tab_wrap .tab_content .date_list{z-index:-1; margin:-1px 0 0; border-radius:0 5px 5px 5px}
@media all and (max-width:800px){
    .add_top{flex-wrap:wrap; }
    .add_top .wallet_add{width:100%; margin:-10px 0 20px;}
    .tab_wrap .add_tab_menu ul{width:auto}
    .tab_wrap .add_tab_menu ul li a{display:inline-block; width:auto; padding:10px 20px;}
}
@media all and (max-width:650px){
    .tab_wrap .add_tab_menu ul li a{padding:10px;}
}
@media all and (max-width:550px){
    .tab_wrap .add_tab_menu{width:98%}
    .tab_wrap .add_tab_menu ul{display:flex; width:100%; flex-wrap:wrap; border:0;}
    .tab_wrap .add_tab_menu ul li{width:50%; border:1px solid var(--black)}
    .tab_wrap .add_tab_menu ul li a{display:block; padding:10px 5px; border:0 !important; font-size:1.071em; line-height:18px;}
    .tab_wrap .add_tab_menu ul li:nth-child(1){border-radius:5px 0 0 0;}
    .tab_wrap .add_tab_menu ul li:nth-child(2){margin-left:-1px; border-radius:0 5px 0 0;}
    .tab_wrap .add_tab_menu ul li:nth-child(3){margin-top:-1px; }
    .tab_wrap .add_tab_menu ul li:nth-child(4){margin:-1px 0 0 -1px}
}
@media all and (max-width:310px){
    .tab_wrap .add_tab_menu ul li a{display:flex; align-items:center; justify-content:center;  min-height:50px; padding:0 5px;}
    .add_token_wrap .token_balance_list ul li .name,
    .add_token_wrap .token_balance_list ul li .num{width:100%}
}

.add_transac_list li .col01{width:33%}
.add_transac_list li .col02{width:13%}
.add_transac_list li .col03{width:35%}
.add_transac_list li .col04{justify-content:flex-end; width:15%; text-align:right}
@media all and (max-width:801px){
    .add_transac_list li:nth-child(2){border-radius:0 5px 5px 5px}
    .add_transac_list li .col01,
    .add_transac_list li .col02,
    .add_transac_list li .col03,
    .add_transac_list li .col04{width:100%}
}

.nft_list li{flex-wrap:wrap;}
.nft_list li .col01{width:38%}
.nft_list li .col02{width:39%}
.nft_list li .col03{justify-content:flex-end; width:20%; text-align:right}
.nft_list li .col04{width:100%; }
.nft_list li .col04 .info{display:block; padding-left:22px; background:url("../img/sub/icon_info.svg") no-repeat 0 4px;}
@media all and (max-width:801px){
    .nft_list li:nth-child(2){border-radius:0 5px 5px 5px}
    .nft_list li .col01,
    .nft_list li .col02,
    .nft_list li .col03,
    .nft_list li .col04{width:100%}
}

/* Holder */
.holder_total{display:flex; justify-content:space-between}
.holder_total .total_box{width:32%; background:#0e0e0e; border:1px solid #333; border-radius: 5px;}
.holder_total .total_box h3{margin:0;  padding:24px; background: #333; border-radius: 3px 3px 0 0; font-size:1.143em; line-height:1.2}
.holder_total .total_box p{padding:24px; font-size:1.143em; line-height:1.2; text-align:right; border-left: 0 0 5px 5px;}

.holder_h3_wrap{position:relative; min-height:35px; }
.holder_h3_wrap .holder_select{position:absolute; top:23px; right:0; }
.holder_list li .col01,
.holder_list li .col02{width:32%}
.holder_list li .col03{justify-content:flex-end; width:32%; text-align:right}
@media all and (max-width:801px){
    .holder_list li .col01,
    .holder_list li .col02,
    .holder_list li .col03{width:100%}

    .holder_total{flex-wrap:wrap}
    .holder_total .total_box{width:100%; margin:0 0 10px;}
    .holder_total .total_box h3,
    .holder_total .total_box p{padding:14px 20px}
}

/* ===================================================
    Tokens
   =================================================== */
/* SGM Token Explorer */
.sub_con_sear{position:absolute; top:-12px; right:0; width:400px; height:41px; border-bottom:1px solid #acacac}
.sub_con_sear input{width:100%; height:40px; padding-right:45px; background:0 none; border:0; line-height:40px; }
.sub_con_sear button{display:block; position:absolute; top:0; right:0; width:40px; height:40px; background:url("../img/common/icon_search.svg") no-repeat 50%;  text-indent:-9999px }

.exp_top_list{margin-top:-10px}

.tokenExp_list li{padding:6px 20px}
.tokenExp_list li span span{padding:6px 0}
.tokenExp_list li span a{padding:6px 0}

.tokenExp_list li .col01{width:22%;}
.tokenExp_list li .col02,
.tokenExp_list li .col03{width:20%;}
.tokenExp_list li .col04{justify-content:flex-end; width:33%; text-align:right;}
.tokenExp_list li .col04 span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.tokenExp_list li .token_name{min-height:38px; padding:0; }


.tokenExp_list li .icon_coin{display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:38px; height:38px; margin-right:7px; padding:0; background:#fff; border-radius:50%;}
.tokenExp_list li .icon_coin img{display:block; width:100%; border-radius: 50%; border: 1px solid #fff;}
.tokenExp_list li .icon_coin_none{position:absolute; top:0; left:0; width:38px; height:38px; margin-right:7px; padding:0; background:var(--darkgray); border-radius:50%; border:0; text-align:center; vertical-align:top }
.tokenExp_list li .icon_coin_none img{width:100%; border:0;}


.tokenExp_list li .coin_name{padding:0; padding-left:45px; line-height:38px; }
@media all and (max-width:801px){
    .sub_con_sear{width:300px}

    .tokenExp_list li .col01,
    .tokenExp_list li .col02,
    .tokenExp_list li .col03,
    .tokenExp_list li .col04{width:100%}
    .tokenExp_list li .col04 span{width:100%; white-space:normal; overflow:visible; text-overflow:clip;}

    .tokenExp_list li .icon_coin{top:6px; left:120px; width:28px; height:28px; padding:0 !important; line-height:28px}
    .tokenExp_list li .coin_name{padding:2px 0 2px 35px !important; line-height:26px;}
    .tokenExp_list li .coin_name:after{display:none}
}
@media all and (max-width:650px){
    .sub_con_sear{position:relative; top:0; width:100%; margin:-10px 0 10px;}
    .exp_top_list{margin:0}
}
@media all and (max-width:600px){
    /*.tokenExp_list li .token_name{padding-top:36px !important; }*/
    .tokenExp_list li .icon_coin{/*top:36px;*/ left:120px;}
    .tokenExp_list li .coin_name{line-height:28px;}
}

@media all and (max-width:400px){
    .tokenExp_list li .icon_coin{left:0;}
    .tokenExp_list li .coin_name {margin-top:0;}
}




/* Token Details*/
.token_detail_top{display:flex; margin:0 0 -30px}
.token_detail_top .token_name{position:relative; min-height:38px; margin-left:30px; padding:0; }
.token_detail_top .icon_coin{display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:30px; height:30px; margin-right:7px; padding:0; background:#fff; border-radius:50%; }
.token_detail_top .icon_coin img{display:block; width:100%; border-radius: 50%; border: 1px solid #fff;}

.token_detail_top .icon_coin_none{position:absolute; top:0; left:0; width:30px; height:30px; margin-right:7px; padding:0; background:#bbb; border-radius:50%;text-align:center; vertical-align:top }
.token_detail_top .icon_coin_none img{width:100%; border:1px solid #bbb;}


.token_detail_top .coin_name{padding-left:35px; line-height:30px; }

.token_h3_wrap .sub_con_sear{top:0}
@media all and (max-width:450px){
    .token_detail_top{flex-wrap:wrap}
    .token_detail_top .token_name{width:100%; margin:-10px 0 20px}
}
/* Token Transactions */
.token_h3_wrap{position:relative; min-height:50px;  }
.token_h3_wrap h3{padding-top:15px;}

.tokenTransac_list li .col01{width:33%}
.tokenTransac_list li .col02{width:13%}
.tokenTransac_list li .col03{width:35%}
.tokenTransac_list li .col04{justify-content:flex-end; width:15%; text-align:right}
@media all and (max-width:801px){
    .tokenTransac_list li .col01,
    .tokenTransac_list li .col02,
    .tokenTransac_list li .col03,
    .tokenTransac_list li .col04{width:100%}
    #transaction_list_box .btn_detail {display:inline-block; margin-top:20px !important; padding:5px 20px !important; font-size:1em !important; border:0; border-radius:5px; background:#0e0e0e; border:1px solid #444; white-space:nowrap; cursor:pointer; width:initial !important;}
    #transaction_list_box .btn_detail:after {display:none;}
}

/* NFT Details */
.nft_overview_wrap{position:relative; padding-left:270px}
.nft_overview_wrap .nft_img{position:absolute; top:0; left:0; width:250px; height:250px; background:#fff; border-radius:5px; overflow:hidden; }
.nft_overview_wrap .nft_img img{display:block; width:100%; height:100%; object-fit:contain;}
.nft_overview_wrap .overview_list{}
@media all and (max-width:1000px){
    .nft_overview_wrap{padding:0}
    .nft_overview_wrap .nft_img{position:relative; margin:0 auto 20px; }
    .nft_overview_wrap .overview_list dl dt{width:30%}
    .nft_overview_wrap .overview_list dl dd{width:68%}
}
@media all and (max-width:580px) {
    .nft_overview_wrap .overview_list dl{flex-wrap:wrap; padding:5px 0}
    .nft_overview_wrap .overview_list dl dt{width:100%}
    .nft_overview_wrap .overview_list dl dd{width:100%; margin-top:2px;}
}


/* ===================================================
    search result
   =================================================== */
.sear_result_wrap{width:100%; margin:10px 0 0; background:#0e0e0e; border:1px solid #333; border-radius:5px; overflow:hidden;}
.sear_result_wrap .result_tab_menu{border-bottom: 1px solid #333;}
.sear_result_wrap .result_tab_menu ul{display:flex; }
.sear_result_wrap .result_tab_menu ul li{}
.sear_result_wrap .result_tab_menu ul li{display:block; position:relative; padding:20px; font-size:1.143em; line-height:1.3; font-weight:600; text-transform:uppercase; transition:all 0.3s; cursor:pointer;}
.sear_result_wrap .result_tab_menu ul li:hover,
.sear_result_wrap .result_tab_menu ul li.on{color:var(--aripink)}
.sear_result_wrap .result_tab_menu ul li.on::after{display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background:var(--aripink); content:""}

.sear_result_wrap .total_tit_wrap{position:relative; padding:15px 20px; background:#0e0e0e; border-bottom: 0px solid #1e1e1e;}
.sear_result_wrap .total_tit_wrap .sear_tit{font-weight:700; text-transform:uppercase; }
.sear_result_wrap .total_tit_wrap .sear_tit .num{margin-left:8px; font-weight:400; color:var(--aripink)}
.sear_result_wrap .total_tit_wrap .m_more{display:block; position:absolute; top:15px; right:22px; padding-right:14px; background:url("../img/common/icon_more.svg") no-repeat 100% 5px; line-height:22px; color:var(--light_gray); transition:all 0.3s}
.sear_result_wrap .total_tit_wrap .m_more:hover{color: var(--aripink);}

.sear_result_wrap .sear_result_list li{display:flex; justify-content:space-between; align-items: center; padding:20px 20px 20px 70px; border-top:1px solid #f3f3f3;}
.sear_result_wrap .sear_result_list li:first-child{border-top:0}
.sear_result_wrap .result_txn_list li{background:url("../img/common/icon_tx.svg") no-repeat 20px 50%;}
.sear_result_wrap .result_add_list li{background:url("../img/common/icon_add.svg") no-repeat 20px 50%; background-size:auto 42px !important;}
.sear_result_wrap .result_block_list li{background:url("../img/common/icon_block.svg") no-repeat 20px 50%;}
.sear_result_wrap .result_token_list li{background:url("../img/common/icon_token.svg") no-repeat 15px 50%; background-size:auto 50px !important;}
.sear_result_wrap .result_dapp_list li{background:url("../img/common/icon_block.svg") no-repeat 20px 50%; background-size:auto 40px !important;}
.sear_result_wrap .result_nft_list li{background:url("../img/common/icon_nft.svg") no-repeat 20px 50%;}
.sear_result_wrap .result_contents_list li{background:url("../img/common/icon_contents.svg") no-repeat 12px 50%; background-size:auto 52px !important;}
.sear_result_wrap .sear_result_list li .col01{width:74%; line-height:1.2}
.sear_result_wrap .sear_result_list li .col02{width:25%; line-height:1.2; text-align:right;}
.sear_result_wrap .sear_result_list li .col01 a,
.sear_result_wrap .sear_result_list li .col02 a{line-height:1.2}
.sear_result_wrap .sear_result_list li a{font-weight:700; transition:all 0.3s}
.sear_result_wrap .sear_result_list li a:hover{color:var(--aripink)}
.sear_result_wrap .result_nft_list li .col01{width:40%}
.sear_result_wrap .result_nft_list li .col02{width:54%}

.sear_result_wrap .no_content {padding:20% 0; text-align:center}
.sear_result_wrap .no_content p{color:var(--light_gray);}
.sear_result_wrap .no_content .btn{margin-top:20px; padding:12px 40px; background:var(--bg_container_dark); border:1px solid var(--gray_55); color:var(--text_main_dark); }
@media all and (max-width:550px) {
    .sear_result_wrap .result_tab_menu ul li{padding:18px 10px}

    .sear_result_wrap .sear_result_list li{flex-wrap:wrap}
    .sear_result_wrap .sear_result_list li .col01{width:100%;}
    .sear_result_wrap .sear_result_list li .col02{width:100%; margin-top:5px; text-align:left;}
}
@media all and (max-width:440px) {
    .sear_result_wrap .result_tab_menu ul{flex-wrap:wrap;}
    .sear_result_wrap .result_tab_menu ul li{width:33.33%; padding:15px 5px; text-align:center}
    .sear_result_wrap .result_tab_menu ul li {border-bottom: 1px solid #333;}
    .sear_result_wrap .result_tab_menu ul li:last-child {border-bottom: none;}
}

/* dapps content detail*/
#dapp_content_detail_map > div {overflow-y: scroll; max-height:500px;}
#dapp_content_detail_image_list {overflow:hidden; height:100%; background:#000;}
#dapp_content_detail_image_list .slick-slide {display:flex; justify-content: center; align-items: center; height:500px;}
#dapp_content_detail_image_list .slick-slide img {max-width: 100%; height:auto; max-height:100%;}

.video_play {position: relative;}
.video_play img {width: 100%;}
.video_play  video {width:100%; max-height:400px; background:#000;}