#bg_wrap {background:url('/images/bg/bg_market.jpg'); background-size:cover;}
#bg_wrap:after {position:absolute; content:''; top:0; right:0; left:0; bottom:0; background-color:#040d21; opacity:70%;}
.bg_space {display:none;}
.hero_badge_wrap:after {display:block; content:''; clear:both;}
.hero_badge_wrap .inner {padding-top:50px; margin:0 auto; width:1400px;}
.hero_badge_wrap .cont {padding:0 20px;}
.hero_badge_wrap .summary {margin-bottom:80px; text-align:center;}
.hero_badge_wrap .summary h2 {margin-bottom:30px; font-size:45px;}
.hero_badge_wrap .summary p {margin-top:8px; color:#627597; font-size:15px;}
.badge_list {display:flex; flex-direction:row; flex-wrap:wrap; column-gap:30px; justify-content:center;}
.badge_list .item {position:relative; display:flex; width:380px; height:570px; flex-direction:column; align-items:center; border-radius:14px; background-color:#030e20;}
.badge_list .item:hover {text-decoration:none;}
.badge_list .item:hover .image {transform:scale(1.05);}
.badge_list .item:before {position:absolute; content:''; left:0; top:0; margin:-2px; width: calc(100% + 4px); height:100%; z-index:-1; border-radius:14px;}
.badge_list .item:before {background:linear-gradient(90deg, rgba(255, 255, 255, 0) 00%, #103259 100%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #103259 100%, rgba(255, 255, 255, 0) 100%);}
.badge_list .image {position:relative; z-index:5; transition:all 0.2s linear;}
.badge_list .image .badge_img {display:block; width:350px; height:350px; background-size:350px 350px !important; filter:grayscale(100%);}
.badge_list .grade {margin:-20px 0 5px 0; text-align:center;}
.badge_list .grade .name {font-size:21px; font-weight:normal;}
.badge_list .grade .gr {font-size:47px; font-weight:200; letter-spacing:-1px;}
.badge_list .info {padding:0 50px; width:100%; box-sizing:border-box;}
.badge_list .info {padding:10px 10px 15px 10px; border-radius:5px; text-align:center; }
.badge_list .info:after {display:block; content:''; clear:both;}
.badge_list .info dt {height:25px; line-height:25px; font-weight:normal;}
.badge_list .info dd {height:25px; line-height:25px;}
.badge_list .info .num {font-weight:200; color:#35e9c5; font-size:23px;}
.badge_list .info .num span {font-weight:100; font-size:23px;}
.badge_list .info .usd {color:#627597; font-size:13px; font-weight:normal;}
.badge_list .hero {margin-bottom:20px;}
.badge_list .hero i {margin-right:5px;}
.badge_list .hero em {font-weight:200;}
.badge_list .hr {width:200px; height:2px; background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #3771fe 50%, rgba(255, 255, 255, 0) 100%);}
.badge_list .soon {position:absolute; padding:0 10px; top:0; right:0; height:25px; line-height:23px; font-size:12px;  border-top-right-radius:13px; border-bottom-left-radius:13px; text-align:center; background-color:#103259 ; z-index:5; color:#eee; font-weight:200;}
.badge_list .item:hover .image .badge_img {filter:none;}
.badge_list .item.NORMAL:hover .soon {background-color:#84e95f;}
.badge_list .item.RARE:hover .soon {background-color:#32d7f1;}
.badge_list .item.SUPERRARE:hover .soon {background-color:#e600d6;}
.badge_list .item.NORMAL:hover .hr {background:linear-gradient(90deg, rgba(255, 255, 255, 0) 00%, #84e95f 50%, rgba(255, 255, 255, 0) 100%);}
.badge_list .item.RARE:hover .hr {background:linear-gradient(90deg, rgba(255, 255, 255, 0) 00%, #32d7f1 50%, rgba(255, 255, 255, 0) 100%);}
.badge_list .item.SUPERRARE:hover .hr {background:linear-gradient(90deg, rgba(255, 255, 255, 0) 00%, #e600d6 50%, rgba(255, 255, 255, 0) 100%);}
.badge_list .item.NORMAL:hover .gr {color:#84e95f;}
.badge_list .item.RARE:hover .gr {color:#32d7f1;}
.badge_list .item.SUPERRARE:hover .gr {color:#e600d6;}
.badge_list .item.NORMAL:hover .hero em {color:#84e95f;}
.badge_list .item.RARE:hover .hero em {color:#32d7f1;}
.badge_list .item.SUPERRARE:hover .hero em {color:#e600d6;}
.badge_list .item.NORMAL:hover:before {background:linear-gradient(90deg, rgba(255, 255, 255, 0) 00%, #84e95f 100%, rgba(255, 255, 255, 0) 100%); background:-webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #84e95f 100%, rgba(255, 255, 255, 0) 100%);}
.badge_list .item.RARE:hover:before {background:linear-gradient(90deg, rgba(255, 255, 255, 0) 00%, #32d7f1 100%, rgba(255, 255, 255, 0) 100%); background:-webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #32d7f1 100%, rgba(255, 255, 255, 0) 100%);}
.badge_list .item.SUPERRARE:hover:before {background:linear-gradient(90deg, rgba(255, 255, 255, 0) 00%, #e600d6 100%, rgba(255, 255, 255, 0) 100%); background:-webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #e600d6 100%, rgba(255, 255, 255, 0) 100%);}
.badge_list .item.NORMAL .image .badge_img {background:url('/images/nft/badge/item/500x500/icon_badge_normal.png') no-repeat;}
.badge_list .item.RARE .image .badge_img {background:url('/images/nft/badge/item/500x500/icon_badge_rare.png') no-repeat;}
.badge_list .item.SUPERRARE .image .badge_img {background:url('/images/nft/badge/item/500x500/icon_badge_superrare.png') no-repeat;}