@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee+Inline&display=swap');

*, html, body, a{margin:0;padding:0;color: #000;text-decoration:none;font-family: 'Noto Sans KR', sans-serif;}
html{}
ul, li{list-style:none;}

/* 공용 */

.container{margin: 0px auto;padding: 15px;position: relative;height: 100vh;}

.text_black{color:#000 !important;}
.text_white{color:#fff !important;}

.d-block{display:block;}
.d-flex{display:flex;}
.d-gird{display:grid;}

.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.justify-center{justify-content:center !important;}
.justify-right{justify-content:right !important;}

.icon_img{width:32px; height:32px;}

.w-100p{width: 100% !important;}
.w-75p{width: 75% !important;}
.w-50p{width: 50% !important;}
.w-40p{width: 40% !important;}
.w-25p{width: 25% !important;}
.w-20p{width: 20% !important;}
.w-10p{width: 10% !important;}


.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}

.ml-5{margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
.ml-30{margin-left:30px !important;}

.mr-5{margin-right:5px !important;}
.mr-10{margin-right:10px !important;}
.mr-15{margin-right:15px !important;}
.mr-20{margin-right:20px !important;}
.mr-25{margin-right:25px !important;}
.mr-30{margin-right:30px !important;}

.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}

.bg_img{position:fixed; left:0; right:0; top:0; z-index:-1; width:100%;}

.select_box1{text-align:left; margin-bottom:30px;}
.select_box1 select{width:100%;background: #fff;border: 1px solid #ddd;padding: 10px 10px;font-size:1em; border:0px;}
.select_box1 select option{box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:#fff;}

.select_box2{}
.select_box2 div{display: flex;align-items: center;background: #303841;padding: 10px;border-radius: 30px;margin-bottom: 15px;}
.select_box2 label{display:block; margin:10px;}
.select_box2 div select{width:100%;background: #fff0;border-radius:10px;border:0px;padding: 0px 10px;font-size:1em;}
.select_box2 div select option{box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:#404142;}

.input_box1{text-align:left; margin-bottom:15px}
.input_box1 {padding:4px 10px;border: 1px solid #ddd;align-items:center;display:flex; border-radius:5px;}
.input_box1 input[type="text"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box1 input[type="email"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box1 input[type="password"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box1 input[type="tel"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box1 input:focus {outline: none;}

.input_box2{text-align:left; margin-bottom:15px}
.input_box2 {align-items:center;display:flex;}
.input_box2 input[type="text"]{width:100%;background:#fff0;border:0;padding:10px;font-size:1em;padding: 4px 10px;border: 1px solid #ddd;height: 44px;width: 60%; border-radius:5px;}
.input_box2 input[type="email"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em; border-radius:5px;}
.input_box2 input[type="password"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em; border-radius:5px;}
.input_box2 input[type="tel"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em; border-radius:5px;}
.input_box2 input:focus {outline: none;}

.input_box3{text-align:left; margin-bottom:30px}
.input_box3 label{display:block; margin:10px;}
.input_box3 small{margin-left:10px; color:#ddd;}
.input_box3 div{align-items:center;display:flex; justify-content:space-between;}
.input_box3 div input[type="text"]{width:60%;box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px;border:0px;padding: 10px 20px;font-size:1em;}
.input_box3 div input[type="email"]{width:60%; box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px; border:0px; padding:10px 20px; padding:10px; font-size:1em;}
.input_box3 div input[type="password"]{width:60%; box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px; border:0px; padding:10px 20px; padding:10px; font-size:1em;}
.input_box3 div input[type="tel"]{width:60%; box-shadow:0 1px 0 0 #fffFFF4D,0 2px 3px 0 #00000080 inset;background:linear-gradient(180deg,#2c2e2f 0,#404142 100%);border-radius:10px; border:0px; padding:10px 20px; padding:10px; font-size:1em;}
.input_box3 div input:focus {outline: none;}
.input_box3 div button{width:27%}

.input_box4{display: flex;text-align:left;margin-bottom:30px;background: linear-gradient(338.22deg, #ffffff4d 7.17%, rgba(255, 255, 255, 0) 67.75%), linear-gradient(0deg, rgba(226, 152, 150, 0.6), rgba(226, 152, 150, 0.6));box-shadow: 0px -11px 20px 0px #FFFFFF26 inset, -4px 4px 20px 0px #9e9e9e70;backdrop-filter: blur(4px);border-radius: 16px;padding: 10px;}
.input_box4 img{width:45px; height:45px;}
.input_box4 label{display:block;margin: 0px 10px;font-size: 0.9em;}
.input_box4 small{margin-left:10px; color:#ddd;}
.input_box4 input[type="text"]{width:100%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box4 input[type="email"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box4 input[type="password"]{width:100%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box4 input[type="tel"]{width:100%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box4 input:focus {outline: none;}

.input_box5{display:flex; margin-bottom:30px;}
.input_box5>div {display: flex;text-align:left;background: linear-gradient(338.22deg, #ffffff4d 7.17%, rgba(255, 255, 255, 0) 67.75%), linear-gradient(0deg, rgba(226, 152, 150, 0.6), rgba(226, 152, 150, 0.6));box-shadow: 0px -11px 20px 0px #FFFFFF26 inset, -4px 4px 20px 0px #9e9e9e70;backdrop-filter: blur(4px);border-radius: 16px;padding: 10px;width: 73%;}
.input_box5>div img{width:45px; height:45px;}
.input_box5>div label{display:block;margin: 0px 10px;font-size: 0.9em;width: 65%;}
.input_box5>div small{margin-left:10px; color:#ddd;}
.input_box5>div input[type="text"]{background:#fff0;width: 95%;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box5>div input[type="email"]{background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box5>div input[type="password"]{background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box5>div input[type="tel"]{background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box5>div input:focus {outline: none;}

.input_box7>div{display: flex;align-items: center;background: #303841;padding: 10px;border-radius: 30px;margin-bottom: 15px;}
.input_box7>div input[type="text"]{width:100%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box7>div input[type="email"]{width:100%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box7>div input[type="password"]{width:100%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box7>div input[type="tel"]{width:100%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box7>div input:focus {outline: none;}

.input_box8>div{display: flex;align-items: center;background: #303841;padding: 10px;border-radius: 30px;margin-bottom: 15px;}
.input_box8>div input[type="text"]{width:70%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box8>div input[type="email"]{width:70%; background:#fff0; border:0; padding:10px; font-size:1em;}
.input_box8>div input[type="password"]{width:70%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box8>div input[type="tel"]{width:70%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;}
.input_box8>div input:focus {outline: none;}
.input_box8 .search_btn{background:#fff0; border:0; width:34px; height:34px;}
.input_box8 .search_btn img{display:block; width:100%; height:100%;}

.input_box9{display: flex;align-items: center;background: #303841;padding: 10px;border-radius: 30px;margin-bottom: 15px;}
.input_box9>div {display:flex; justify-content:space-between; margin-left:12px;}
.input_box9>div label{font-size:0.9em;}
.input_box9>div input[type="text"]{width:60%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;text-align:right; align-items:center; line-height:18px;}
.input_box9>div input[type="email"]{width:60%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;text-align:right; align-items:center; line-height:18px;}
.input_box9>div input[type="password"]{width:60%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;text-align:right; align-items:center; line-height:18px;}
.input_box9>div input[type="tel"]{width:60%;background:#fff0;border:0;padding: 0px 10px;font-size: 0.9em;text-align:right; align-items:center; line-height:18px;}
.input_box9>div input:focus {outline: none;}

.warning_info{font-weight: 100; color: #f83b3b; letter-spacing: -1px; font-size: 0.8em;}

.user_amount_box{display:flex;align-items:center;padding:10px;justify-content:space-between;margin-bottom:20px;border: 1px solid #BF2B69;}
.user_amount_box .left_area{align-items: center; display: flex;}
.user_amount_box .left_area span{margin-left: 10px;color: #575757;}
.user_amount_box .right_area small{font-size:0.5em;}
.user_amount_box .right_area span{ color: #575757;}

.user_amount_box2{display:flex; justify-content:space-between;}
.user_amount_box2 .left_area{ display: flex; align-items: center; padding: 10px; justify-content: space-between; margin-bottom: 20px; border: 1px solid #BF2B69; width:40%;}
.user_amount_box2 .right_area{ display: flex; align-items: center; padding: 10px; justify-content: space-between; margin-bottom: 20px; border: 1px solid #BF2B69; width:40%;}
.user_amount_box2 .left_area span{color: #575757;}
.user_amount_box2 .right_area small{font-size:0.5em;}
.user_amount_box2 .right_area span{ color: #575757;}

.basic_btn{font-size: 0.9em;border:0;background: #BF2B69;border-radius: 5px;color: #fff;padding: 16px;letter-spacing: 1px;}
.blank_btn{border:0px; padding:10px; background:#fff0;}
.cencel_btn{font-size: 0.9em;padding: 15px;border:0;background: #df3216;border-radius: 5px;color: #fff;letter-spacing: 1px;}

.basic_box{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /* top: 144px; */
    padding: 20px;
    background: #ffffff78;
    border-radius: 20px 20px 0px 0px;
    backdrop-filter: blur(10px);
    text-align: center;
    /* margin-top: 200px; */
}


.box_type1 .main_box_img_1{position:absolute; left:0; right:0; margin:auto; margin-top:10px;}
.box_type1 .main_box_img_2{position:absolute; right:20px; top:30px;}

.box_type1 .main_top_notice_box{background: #1c1c1c; justify-content: center; padding: 10px; align-items: center; display: flex; position: absolute; left: 0; right: 0; top: 0;}
.box_type1 .main_top_notice_box span{color:#fff; font-size:0.8em;}

.box_type1 .main_profit_box{position: relative;margin-top: 80px;padding: 20px;background: #fefefe73;border: 1px solid #000;}

.box_type1 .main_profit_box_1{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
.box_type1 .main_profit_box_1 div{ display: flex; align-items: center;}
.box_type1 .main_profit_box_1 div img{}
.box_type1 .main_profit_box_1 div span{font-weight:bold; text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff; color:#000;margin-left: 10px;font-size: 1em;letter-spacing: 1px;}

.box_type1 .main_profit_box_1:nth-child(5){margin-bottom:0px;}

.box_type1 .main_info{display:flex;justify-content: center;}
.box_type1 .main_info span:first-child {color:#fff; border-radius:100%; background:#847697; width:20px; height:20px; text-align:center; font-size:0.8em;}
.box_type1 .main_info span:last-child {margin-left: 10px; font-size: 0.8em; color:#AAAAAA;}


.box_type2{display:flex;justify-content:space-between; background: linear-gradient(180deg, #2C2E2F 0%, #404142 100%);border: 0px;box-shadow: 0px 1px 0px 0px #FFFFFF4D, 0px 2px 3px 0px #00000080 inset;padding: 15px; border-radius:10px; align-items: center; margin-bottom:25px;}
.box_type2 .left_area{display:flex; align-items: center;}
.box_type2 .left_area span{margin-left:15px;}
.box_type2 .right_area{font-size:1.4em; font-weight:bold;}

.box_type1{position: relative;background: url(/assets/img/main_bg.png) 100% 100%;background-size: cover;background-position: revert;border: 0px;padding: 15px;align-items: center;height: 365px;}
.box_type1 .left_area{display:flex; align-items: center;}
.box_type1 .left_area div{margin-left:15px;}

.tab_box{margin-top: 10px;margin-bottom: 10px;display:flex;justify-content:space-between;/* padding:10px; */}
.tab_box a{color:#ddd;width:44%;border-bottom:5px solid #ddd;text-align:center;padding: 10px;}
.tab_box .active{border-bottom: 5px solid #BF2B69;color:#000;}

.table_box1{position: absolute;left: 0;right: 0;bottom: 0;top: 35%;background: #ffffff94;backdrop-filter: blur(10px);padding: 20px;border-radius: 20px 20px 0px 0px;margin-bottom: -35px;}
.table_box1 .table_title{text-align:left; margin-left:10px; margin-bottom:15px;}
.table_box1>div{background: #fff0;border: 10px;border-radius:5px;}
.table_box1>div table{width:100%;border-collapse: collapse;}
.table_box1>div table tr th{padding:8px 10px;border-bottom:1px solid #717171;font-size: 0.8em;color: #000;}
.table_box1>div table tr td{padding: 5px 5px;font-weight:300;font-size:0.8em;color: #000;}
.table_box1>div table tbody tr:last-child td{border-bottom:0px;}

.table_box2{padding: 20px;border-radius: 20px 20px 0px 0px;max-height: 200px;overflow: auto;}
.table_box2 table{width:100%;border-collapse: collapse;}
.table_box2 table tr th{padding:8px 10px;border-bottom:1px solid #717171;font-size: 0.8em;color: #fff;}
.table_box2 table tr td{padding: 5px 5px;font-weight:300;font-size:0.8em;color: #fff;}
.table_box2 table tbody tr:last-child td{border-bottom:0px;}

.pg_wrap{margin-top:15px;text-align: center;}
.pg_current{padding: 3px 10px;border-radius: 5px;margin: 0px 6px;background: #00000096;}
.pg_page{padding: 3px 10px;background: #0000002b;border-radius: 5px;margin: 0px 6px;}

.loading_page{display:block; z-index: 9999; position: fixed; left: 0; right: 0; top: 0;bottom: 0;background: #ffffffa8;backdrop-filter: blur(10px);margin: auto;}
.loading_page img{position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.table_list{text-align:center; margin-top:20px;}
.table_list table{width:100%; border-collapse:collapse}
.table_list table thead tr th{text-align: center; padding: 10px 0px; border-bottom: 3px solid #ddd; font-size:0.8em;}
.table_list table tbody tr td{font-size:0.8em; padding:5px 0px;}

.date_search_box{display:flex; justify-content:space-between;}
.date_search_box div{display: flex; align-items: center; justify-content: space-between; width: 75%; }
.date_search_box div input{border: 1px solid #ddd; padding: 10px; }
.date_search_box div span{color:#6d6d6d;}
.date_search_btn{font-size: 0.9em;border: 0;background: #BF2B69;border-radius: 5px;color: #fff;padding: 5px 12px;letter-spacing: 1px;widtH:22%;}
/* 공용 */


/* 로그인 */
.login_bg{position:absolute; left:0; right:0; bottom:0; width:100%; z-index:-2;}
.login_box{margin: 0px 20px;text-align: center;}
.login_box .login_logo{
    width: 260px;
}
.login_box .login_title{background:url('/assets/img/title_box.png') 0 0/contain no-repeat;padding:10px;min-height:50px;align-items:center;display:grid;font-size:1.2em;margin-bottom:50px;background-position: center;}
.login_box .login_link_box{display:flex;justify-content:space-between;padding:0px 10px;margin-bottom: 15px;}
.login_box .login_link_box a{font-size:0.8em; color:#a3a3a3;}
.login_box .login_btn{width: 100%;}
.login_box .login_bg_img{position:absolute; bottom:0; right:0; z-index:-1;}

.login_logo_box{margin: 200px 0px 40px 0px;}
.login_logo_box span{color:#5A8BC3; font-weight:bold; display:block;}
.login_info_box{margin-top:40px; font-size:0.8em; text-align:left;}

.login_lang_box{text-align:right; padding:10px;}
.login_lang_box select{padding: 2px 10px; background: #ffffff6b; backdrop-filter: blur(10px); color: #000; border-radius: 5px; border: 0px; box-shadow: 0px 0px 10px #ddd;}

.login_web_box{display: flex; justify-content: center;}
.login_web_box a{ padding: 10px; background: #ffffff3b; backdrop-filter: blur(10px); display: block; border-radius: 10px;}
.login_web_box a img{ display: block; width: 70px;}

.login_top_bg{position: absolute;background: linear-gradient(180deg, #acdfe6, #fff);top: 0;left: 0;right: 0;z-index: -1;height: 20%;}

.login_bg_img1{position:absolute; z-index:-1; right:0; bottom:0;}
.login_bg_img2{position:absolute; z-index:-1; left:0; bottom:0;}



/* 로그인 */

/* 회원가입 */
.fregister_agree{background: #442C4E;border-radius: 5px;padding: 10px 15px;display: flex;justify-content: space-between;margin-bottom: 40px;border: 0px;border-radius: 0px;}
.all_agree_sub{display:block; margin-bottom:20px;}

#fregister_term .register_info_title {background:url('/assets/img/title_box.png') 0 0/contain no-repeat;padding:10px;min-height: 30px;align-items:center;display:grid;font-size: 0.7em;background-position: center;}
#fregister_term textarea {position: relative;border-radius: 10px;padding: 10px 15px;border: 1px solid #ddd;margin-bottom:0px;width: 100%;box-sizing: border-box;min-height: 150px;}

#fregister_private .register_info_title {padding:10px;min-height: 30px;align-items:center;display:grid;font-size: 0.7em;margin-bottom: 10px;background-position: center;}
#fregister_private textarea {}
/* 회원가입 */

/* 회원가입 */
#register_form .register_title{text-align:center; margin-top:40px; margin-bottom:40px;}
#register_form .register_title h2{color:#BF2B69; font-size:1em; text-align:center;}
.register_box{margin:0px;}
.register_box .register_title{background:url('/assets/img/title_box.png') 0 0/contain no-repeat;padding:10px;min-height:50px;align-items:center;display:grid;font-size:1.2em;margin-bottom:50px;background-position: center;}
.register_box .register_btn{width:60%; margin-top:40px;}
/* 회원가입 */


/* 메인 헤더 */
header{}

header .header_logo_box{display:flex; justify-content:center; align-items:center; padding:15px;}
header .header_logo_box img{width: 100px;}
header .header_logo_box span{font-weight:bold; font-size:1em; color:#5A8BC3; margin-left:10px;}

header .mh_logo_box{
    text-align: center;
    width: 100%;
    background: #BF2B69;
    padding: 12px 0px;
}
header .mh_logo_box .h_prev_btn{border: 0;background: #fff0;position: absolute;left: 15px;top: 15px;}
header .mh_logo_box .h_prev_btn img{
    height: 36px;
    width: 36px;
}
header .mh_logo_box img{width:100px; height:100px;}
header .mh_logo_box h1{font-size: 1em;color: #fff;letter-spacing: 1px;}
/* 메인 헤더 */


/* 메인 */
.btns_box1{display:flex;flex-wrap: wrap;gap: 0;text-align:center;margin-bottom:30px;flex: auto;}
.btns_box1>div{position:relative;width: 50%;padding: 8px;justify-content: right;height: 100px;align-items: center;display: flex;box-sizing: border-box;border: 0px;}
.btns_box1>div span{color: #fff;font-weight: bold;font-size: 0.8em;}
.btns_box1>div img{ width:38px;}

.btns_box1>div:nth-child(5) span{color:#000;}
.btns_box1>div:nth-child(6) span{color:#000;}

.btns_box1>div:nth-child(1){background:url(/assets/img/main_box_bg1.png); background-size:cover;}
.btns_box1>div:nth-child(2){background:url(/assets/img/main_box_bg2.png); background-size:cover;}
.btns_box1>div:nth-child(3){background:url(/assets/img/main_box_bg3.png); background-size:cover;}
.btns_box1>div:nth-child(4){background:url(/assets/img/main_box_bg4.png); background-size:cover;}
.btns_box1>div:nth-child(5){background:url(/assets/img/main_box_bg5.png); background-size:cover;}
.btns_box1>div:nth-child(6){background:url(/assets/img/main_box_bg6.png); background-size:cover;}
.btns_box1>div:nth-child(7){background:url(/assets/img/main_box_bg7.png); background-size:cover;}
.btns_box1>div:nth-child(8){background:url(/assets/img/main_box_bg8.png); background-size:cover;}

.cycle_box{padding:0px 15px; margin-bottom:20px;}

.percent_bar{position: relative;width: 100%;background: #dddddd47;backdrop-filter: blur(5px);border: 1px solid #ddd;box-shadow: 0px 0px 10px #fff;margin-top: 8px;text-align: center;border-radius: 10px;}
.percent_bar div{position: absolute;height: auto;width: 50%;border-radius: 25px;top: 0;bottom: 0;background: #BF2B69;z-index: -1;}
.percent_bar span{color:#000;}

.main_footer{padding:0px 25px 25px 25px;}
.main_footer .footer_title{display:block; font-size:0.9em; color:#545454; margin-bottom:10px;}
.main_footer .copy_text{font-size:0.8em;}
.main_footer div{display:flex; justify-content:space-between; margin-bottom:5px;}
.main_footer div a{color:#545454; text-align:center; font-size:0.8em;}
.main_footer div a:nth-child(1){width:29%; text-align:left;}
.main_footer div a:nth-child(2){width:33%; color:#545454; border-left:1px solid #b1aeae; border-right:1px solid #b1aeae;}
.main_footer div a:nth-child(3){width:42%;}
/* 메인 */


/* STAKING */
.staking_box{position: absolute;left: 0;right: 0;padding: 30px 15px;background: #ffffffa1;border-radius: 20px 20px 0px 0px;backdrop-filter: blur(5px);display:flex;flex-wrap: wrap;justify-content:space-between;text-align:center;margin-bottom:30px;}
.staking_box>div{position:relative;width: 42%;border: 0px;padding: 10px;border-radius: 20px;margin-bottom: 15px;height: 160px;}
.staking_box>div .box_top{text-align:left;}
.staking_box>div .box_top img {width:95px;}
.staking_box>div .box_top span{display:block;font-size:1em;margin-top:-10px;color: #000;}
.staking_box>div .box_bottom{display:flex; justify-content:space-between; margin-top:80px;}
.staking_box>div .box_bottom>div{display:flex;width: 70%;background: #303841;backdrop-filter: blur(5px);text-align: right;align-items:center;justify-content:right;padding: 10px;border-radius:20px;}
.staking_box>div .box_bottom>div>div{display:flex; align-items:end;}
.staking_box>div .box_bottom>div>div span{color: #fff;font-size: 0.8em;}
.staking_box>div .box_bottom>div>div small{color: #fff;font-size:0.6em;margin-left:4px;margin-top:-2px;line-height: 18px;}
.staking_box>div .box_bottom>div img{width:20px; height:20px; margin-left:5px; line-height:18px;}
.staking_box>div .box_bottom .search_btn{background:#fff0; border:0;}
.staking_box>div .box_bottom .search_btn img{width:30px;margin-left: 3px;}
.staking_box>div .box_bottom .copy_btn{background:#fff0; border:0;}
.staking_box>div .box_bottom .copy_btn img{width:30px; margin-left:10px;}

.staking_info_img{position:fixed; z-index:-1; left:0; right:0; top:0; width:100%;}
.staking_info_box{position:fixed;bottom:0;left:0;right:0;background:#00000096;backdrop-filter: blur(5px);padding:20px;border-radius: 20px 20px 0px 0px;}
.staking_info_box .staking_name{position:absolute; top:-50px; right:20px; text-align:right;}
.staking_info_box .staking_name img{display:block; width:120px;}
.staking_info_box .staking_name span{color:#000;}
.staking_info_box .staking_info {background:#fff;padding: 12px 20px;border-radius:20px;margin-bottom: 15px;}
.staking_info_box .staking_info .staking_price_num_box{display:flex;}
.staking_info_box .staking_info .staking_price_num_box>img{width:35px; border-radius:8px;}
.staking_info_box .staking_info .staking_price_num_box>div{margin-left:15px;}
.staking_info_box .staking_info .staking_price_num_box>div>img{display: block; width:72px;}
.staking_info_box .staking_info .staking_price_num_box>div>span{font-size: 0.8em; color: #8b8b8b;}

.staking_info_box .staking_price_box{display:flex;justify-content: space-between;}
.staking_info_box .staking_price_box>span{color:#aaa; font-weight:100; font-size:0.9em;align-self: self-end;}
.staking_info_box .staking_price_box .staking_price{font-size:2em; color:#000;}
.staking_info_box .staking_price_box small{font-weight:100; color:#000; font-size:0.7em; margin-left:15px;}

.staking_info_box .staking_buy_info_box{background: #ffffff8c;padding: 15px;border-radius: 20px;}
.staking_info_box .staking_buy_info_box h3{font-size: 0.8em; font-weight: 100; text-align: center; color: #000; margin-bottom: 20px;}
.staking_info_box .staking_buy_info_box .buy_info{display: flex;justify-content: space-between;margin-bottom: 15px;}
.staking_info_box .staking_buy_info_box .buy_info span{color:#696969;}
.staking_info_box .staking_buy_info_box .buy_info span:first-child{font-size:0.8em; font-weight:100; align-self:end;}
.staking_info_box .staking_buy_info_box .buy_info span:last-child{font-weight:100;}
.staking_info_box .staking_buy_info_box .buy_address_box{margin-bottom:20px;}
.staking_info_box .staking_buy_info_box .buy_address_box span:first-child{font-size:0.9em; color:#696969;}
.staking_info_box .staking_buy_info_box .buy_address_box span:last-child{font-size:0.9em; color:#000; font-weight:100;}
.staking_info_box .staking_buy_info_box .buy_btns{display:flex; justify-content:space-between;}

.user_nft_list{overflow:auto;margin-bottom:20px;margin-top: 20px;height: 170px;}
.user_nft_list .no_nft{margin:auto; color:#000; background:#ffffff94; backdrop-filter: blur(10px); padding:20px; border-radius:25px;}
.user_nft_list .nft_info_box{background:#fff;border-radius:20px;padding:15px;min-width: 115px;!important;}
.user_nft_list .nft_info_box .nft_profit{display:flex;justify-content:space-between;margin: 0 25px;}
.user_nft_list .nft_info_box .nft_profit span {color:#000;font-family: 'Bungee Inline', sans-serif;-webkit-text-fill-color: #E2B017;-webkit-text-stroke: 0.5px #000;font-size: 18px;}
.user_nft_list .nft_info_box .nft_profit small{color:#000;font-weight: 100;font-size: 0.7em;}
.user_nft_list .nft_info_box>div>img{width:40px; border-radius:10px;}
.user_nft_list .nft_info_box>div{display:flex;justify-content:space-between;margin-bottom: 10px;}
.user_nft_list .nft_info_box .nft_num{align-self: center;}
.user_nft_list .nft_info_box .nft_num div>span{color: #a3a3a3;font-size: 0.7em;font-weight: 100;letter-spacing: 1px;}
.user_nft_list .nft_info_box .nft_price{display:flex;margin-bottom: 0px;align-items: center;place-content: center;text-align: center;}
.user_nft_list .nft_info_box .nft_price span{color:#000;font-size: 1.3em;margin-bottom: 4px;}
.user_nft_list .nft_info_box .nft_price small{display:block;margin-left: 8px;color:#000;font-weight:100;font-size: 0.7em;margin-bottom: 2px;}
/* STAKING */

/* MEGA PAY INFO */
.mega_info_box{position:relative; background: linear-gradient(180deg, #2C2E2F 0%, #404142 100%);box-shadow: 0px 1px 0px 0px #FFFFFF4D, 0px 2px 3px 0px #00000080 inset;border: 0;border-radius: 7px;padding: 20px;font-weight: 300;font-size: 0.9em;text-align: center; margin-top:50px;}
.mega_info_box .mega_box_title{background: linear-gradient(180deg, #414344 0%, #2B2D2E 100%); box-shadow: 0px 0px 4px 0px #92D300;border: 2px solid #E0F97D;width: 30%;position: absolute; top:-20px; left:0; right:0; margin:auto; padding:10px; border-radius:10px;}
.mega_info_box .mega_box_info{margin:30px 0;}
.mega_info_box .mega_box_info span{display:block; margin-bottom:15px;}
.mega_pay_link {display:block; margin: 50px auto;background: linear-gradient(180deg, #414344 0%, #2B2D2E 100%); box-shadow: 0px 1px 0px 0px #FFFFFF4D inset, 0px 3px 5px 0px #00000066;border:0px; border-radius:7px; padding:10px; width:50%;}
/* MEGA PAY INFO */


/* CHANGER */

	.a_change_box{display: flex;justify-content: space-between;align-items: center;border-bottom: 5px solid #ddd;padding: 14px;}
	.a_change_box>span{}
	.a_change_box div{}
	.a_change_box div span:first-child{font-size: 1.5em}
	.a_change_box div span:last-child{}

	.change_amount_box{ text-align: center; margin-bottom:30px;}
	.change_amount_box .change_info_box1{margin-bottom:15px;margin-top:15px;display: flex;justify-content: space-between;align-items: center;}
	.change_amount_box .change_info_box1 span{font-size: 0.8em; color: #6F6F6F;}
	.change_amount_box .change_info_box1 button{padding: 2px 20px;}

	.change_amount_box .amount_btn_box{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 10px;}
	.change_amount_box .amount_btn_box div{width: 27.9%;border: 1px solid #bf2b69;display: flex;justify-content: space-between;padding: 8px 4px;align-items: center;}
	.change_amount_box .amount_btn_box div span{color: #595959; font-size: 0.9em;}
	.change_amount_box .amount_btn_box div img{}

	.change_result_box{margin-bottom: 30px;}
	.change_result_box label{display:block; margin-bottom:15px; margin-left:5px;}
	.change_result_box>div{display:flex; justify-content:space-between; background:#ddd; padding:20px; align-items:center; margin-bottom:10px; }
	.change_result_box div>span{}
	.change_result_box div div{}
	.change_result_box div div input[type="text"]{font-size:1.5em; color:#EE0000;text-align:right; border:0px; background:#fff0;}
	.change_result_box div div span:first-child{font-size:1.5em; color:#EE0000;}
	.change_result_box div div span:last-child{font-size:0.8em;}
	.change_result_box .change_info_text_1{display:block; font-size:0.8em;margin-bottom:10px; color:#545454;}
	.change_result_box .change_info_text_2{display:block;font-size:0.8em;margin-bottom: 10px;color:#EE0000;}
/* CHANGER */

/* PROMOTION */
	.a_promotion_box{display: flex;justify-content: space-between;align-items: center;border-bottom: 5px solid #ddd;padding: 14px;}
	.a_promotion_box div span:first-child{font-size: 1.5em}
	.a_promotion_box div span:last-child{}

	.promotion_amount_box{ text-align: center; margin-bottom:30px;}
	.promotion_amount_box .promotion_info_box1{margin-bottom:15px;margin-top:15px;display: flex;justify-content: space-between;align-items: center;}
	.promotion_amount_box .promotion_info_box1 span{font-size: 0.8em; color: #6F6F6F;}
	.promotion_amount_box .promotion_info_box1 button{padding: 2px 20px;}

	.promotion_amount_box .amount_btn_box{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 10px;}
	.promotion_amount_box .amount_btn_box div{width: 27.9%;border: 2px solid #ddd;display: flex;justify-content: space-between;padding: 8px 4px;align-items: center;}
	.promotion_amount_box .amount_btn_box div span{color: #595959; font-size: 0.9em;}
	.promotion_amount_box .amount_btn_box div img{}

	.promotion_result_box{margin-bottom: 30px;}
	.promotion_result_box label{display:block; margin-bottom:15px; margin-left:5px;}
	.promotion_result_box>div{display:flex; justify-content:space-between; background:#ddd; padding:20px; align-items:center; margin-bottom:10px; }
	.promotion_result_box div>span{}
	.promotion_result_box div div{}
	.promotion_result_box div div span:first-child{font-size:1.2em; color:#EE0000;}
	.promotion_result_box div div span:last-child{font-size:0.8em;}

	.promotion_type_box{margin-bottom: 30px;}
	.promotion_type_box label{margin-bottom: 10px; margin-left: 3px; display: block; color: #333;}
	.promotion_type_box .promotion_type_btn{display: flex; justify-content: space-between; margin-bottom:20px; }
	.promotion_type_box .promotion_type_btn button{border: 0px; padding: 10px; background: #c2bdbd; border-radius: 5px; width: 30%;}
	.promotion_type_box .promotion_type_btn .active{background: #BF2B69;color: #fff;}
	.promotion_type_box .promtion_type_info_box {display:none; background:#ddd; padding:15px; border-radius:10px;}
	.promotion_type_box .promtion_type_info_box div {display:flex; justify-content:space-between;}
	.promotion_type_box .promtion_type_info_box div span:first-child{font-size: 0.9em;letter-spacing: 1px;color: #2a2a2a;}
	.promotion_type_box .promtion_type_info_box div span:last-child{}

	.promotion_radio_box{margin-top:15px; margin-bottom:15px;}
	.promotion_radio_box h3 {font-size:0.9em; margin-bottom:5px;}
	.promotion_radio_box>div {display:flex; justify-content:space-between;}
	.promotion_radio_box>div .promotion_radio{padding:5px;background: #BF2B69;border-radius: 5px;color: #fff;width: 30%;text-align: center;}
	.promotion_radio_box>div .promotion_radio label{color:#fff;}
/* PROMOTION */

	/* giftcardR */

	.a_giftcard_box{display: flex;justify-content: space-between;align-items: center;border-bottom: 5px solid #ddd;padding: 14px;}
	.a_giftcard_box>span{}
	.a_giftcard_box div{}
	.a_giftcard_box div span:first-child{font-size: 1.5em}
	.a_giftcard_box div span:last-child{}

	.giftcard_amount_box{ text-align: center; margin-bottom:30px;}
	.giftcard_amount_box .giftcard_info_box1{margin-bottom:15px;margin-top:15px;display: flex;justify-content: space-between;align-items: center;}
	.giftcard_amount_box .giftcard_info_box1 span{font-size: 0.8em; color: #6F6F6F;}
	.giftcard_amount_box .giftcard_info_box1 button{padding: 2px 20px;}

	.giftcard_amount_box .amount_btn_box{display: flex;justify-content: space-around;flex-wrap: wrap;gap: 10px;margin-bottom:15px;}
	.giftcard_amount_box .amount_btn_box div{width: 27.9%;border: 1px solid #BF2B69;display: flex;justify-content: space-between;padding: 8px 4px;align-items: center;font-weight: bold;}
	.giftcard_amount_box .amount_btn_box div span{color: #595959;font-size: 0.8em;margin-right: 5px;}
	.giftcard_amount_box .amount_btn_box div img{}
	.giftcard_amount_box .input_info{font-size:0.8em; color:#FF0000}

	.giftcard_result_box{}
	.giftcard_result_box label{display:block; margin-bottom:15px; margin-left:5px;}
	.giftcard_result_box>div{display:flex; justify-content:space-between; background:#ddd; padding:20px; align-items:center; margin-bottom:10px; }
	.giftcard_result_box div>span{}
	.giftcard_result_box div div{}
	.giftcard_result_box div div span:first-child{font-size: 1.2em;color:#EE0000;}
	.giftcard_result_box div div span:last-child{font-size:0.8em;}
	.giftcard_result_box .giftcard_info_text_1{display:block; font-size:0.8em;margin-bottom:10px; color:#545454;}
	.giftcard_result_box .giftcard_info_text_2{display:block; font-size:0.8em; margin-bottom:30px; color:#EE0000;}
	.giftcard_result_box .input_info{font-size:0.8em; color:#FF0000}

	.giftcard_radio_box{margin-top:15px; margin-bottom:15px;}
	.giftcard_radio_box h3 {font-size:0.9em; margin-bottom:5px;}
	.giftcard_radio_box>div {display:flex; justify-content:space-between;}
	.giftcard_radio_box>div .giftcard_radio{padding:5px;background: #BF2B69;border-radius: 5px;color: #fff;width: 30%;text-align: center;}
	.giftcard_radio_box>div .giftcard_radio label{color:#fff;}
/* giftcardR */



@media all and (min-width:768px){
	.btns_box1{justify-content:center;}
	.btns_box1>div{width:11.1%}
}