@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body {background: #ffffff none repeat scroll 0 0;color: #272727; font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-weight: 400;}
h1, h2, h3, h4, h5, h6 {color: #000000;}
p {color:#ffffff;margin-bottom:30px;}
a {color: #5957cd;text-decoration: none;-webkit-transition: all 0.5s ease;transition: all .5s ease;}
a:hover {color: #ff69c9;text-decoration: none;transition: all .5s ease;}
a:focus {outline: none;text-decoration: none;}
img {max-width: 100%;}
section {padding: 110px 0 70px 0;position:relative;}
section.find_account {padding: 110px 0 0 0;position:relative;}
section.mypage_info {padding: 230px 0 0 0;position:relative;}
section#pool {padding: 110px 0 ;position:relative;}
section.small_pt {padding-top: 50px;}
section.small_pb {padding-bottom: 50px;}
section.no_padding_pb {padding-bottom: 0;}
section.no_padding_pt {padding-top: 0;}
.list_none li {list-style:none;}
input {border: 0;width: 100%;}
button {background:#cd1417;border: 0;border-radius: 40px;color: #ffffff;cursor: pointer;padding: 10px 20px;text-transform: uppercase;transition: all 0.5s ease 0s;}
button:hover {color:#fff;}
.mg-to-80{margin-top:80px;}
.mg-to-36{margin-top:36px;}
.row {margin-left: 0; margin-right: 0;}

.side_blur {position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); display: none;}
.side_blur.active {display: block;}
@media only screen and (max-width: 1199px) {
	section{padding: 80px 0;}
	section.find_account {padding: 80px 0;}
	section.register{padding: 110px 0;}
	section.small_pb {padding-bottom: 40px;}
	section.small_pt {padding-top: 40px;}
	.large_divider {height: 80px;}
}
@media only screen and (max-width: 991px) {
	section{padding: 37px 0;}
	section.find_account {padding: 37px 0;}

}
@media only screen and (max-width: 576px) {
	section.mypage_info{padding: 100px 0 0;}
	section.buff {padding: 100px 0 ;}
}


.text-center {text-align: center !important;}


button:focus {outline:none;}
.title_default_light h5{font-size: 40px;font-weight:500;margin:0;position:relative;}
.title_default_light h4{font-size: 30px;font-weight: 600;margin-bottom: 30px;}
.title_default_light h4, .title_default_light p, .title_default_light h5 {color:#fff;line-height:50px;}
.title_default_light p{color:#fff;line-height:30px;font-size:16px;font-weight:300}

.title_border h4 {padding-bottom: 15px;position: relative; display: flex; justify-content: center; align-items: center;}
.title_border h5::before {background-color: #FFFFFF;top: -20px;content: "";height: 4px;left: 0;position: absolute;right: 0;width: 140px;border:1px solid #707070}
.title_border.text-center h4::before {margin:0 auto;}
.title_default_light.title_border h4::before {background-color: #fff;}
.v_dark {background-color :#EEF0F2 ;position:relative;z-index:-1}
.v_white {background-color :#030303 ;}
.container, .container-fluid {position: relative;}
.title-padding {padding-top: 100px;}

@media (min-width:1200px){
	.container{max-width:1170px;}
}

@media only screen and (max-width: 991px) {
	.title-padding {padding-top: 80px;}
	.title_border h4 {padding-bottom: 5px !important;}
}
@media only screen and (max-width: 576px) {
	.title-padding {padding-top: 0;}
}

/*LOADER DESIGN*/
#loader-wrapper {position: fixed; top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
#loading-center-absolute {position: absolute;left: 50%;top: 50%;height: 200px;width: 200px;margin-top: -100px;margin-left: -100px;-ms-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);z-index: 1001;}
.object{-moz-border-radius: 50% 50% 50% 50%;-webkit-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;position: absolute;border-top: 5px solid #FFF;border-bottom: 5px solid transparent;border-left:  5px solid #FFF;border-right: 5px solid transparent;-webkit-animation: animate 2s infinite;animation: animate 2s infinite;}
#object_one{left: 75px;top: 75px;width: 50px;height: 50px;}
#object_two{left: 65px;top: 65px;width: 70px;height: 70px;-webkit-animation-delay: 0.2s;   animation-delay: 0.2s;}
#object_three{left: 55px;top: 55px;width: 90px;height: 90px;-webkit-animation-delay: 0.4s;   animation-delay: 0.4s;}
#object_four{left: 45px;top: 45px;width: 110px;height: 110px;-webkit-animation-delay: 0.6s;   animation-delay: 0.6s;}

@-webkit-keyframes animate {
	50% {-ms-transform: rotate(360deg) scale(0.8);-moz-transform: rotate(360deg) scale(0.8);-webkit-transform: rotate(360deg) scale(0.8);transform: rotate(360deg) scale(0.8);}
}

@keyframes animate {
	50% {-ms-transform: rotate(360deg) scale(0.8);-moz-transform: rotate(360deg) scale(0.8); 	-webkit-transform: rotate(360deg) scale(0.8);transform: rotate(360deg) scale(0.8);}
}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background-color: #4241b8;z-index: 999;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0); 	transform: translateX(0);}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
.loaded #loading-center-absolute {opacity: 0;visibility:hidden;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);	-ms-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.5s 1s ease-out;transition: all 0.3s 1s ease-out;}

.v_dark #loader-wrapper .loader-section{background-color: #030307;}


/* 맨위로가기 버튼 */
.scrollup {border-radius: 4px;bottom: 48px;color: #ffffff;display: none;font-size: 20px;height: 40px;line-height: 40px;position: fixed;right: 20px;text-align: center;width: 40px;z-index: 99;background: #344663;}

@media only screen and (max-width: 767px) {
	.scrollup {font-size: 18px;height: 40px;line-height: 40px;right: 10px;width: 40px;}
}
@media only screen and (max-width: 380px) {
	.btn_group .btn {margin: 5px 0;}
}

/*   header  menu  -sunny version  */
header {height: 62px;padding:10px 25px;transition: all 0.4s ease 0s; }
.navbar {padding: 0;}
.navbar-brand {margin: 0;padding: 0;width:160px;}
header.active {background:rgba(0,0,0,0.8)}
header.nav-fixed {height: 110px;}
header.m-nav-fixed {height: 37px;}
header .navbar-nav  {margin-left:auto;}
header .navbar-nav a {color: #171717;}
.navbar-expand-lg .navbar-nav > li {padding: 0 5px;color: #ffff;cursor: pointer;}
.navbar-expand-lg .navbar-nav .nav-link.active {font-weight:400;color: #61ce70;}
.navbar-expand-lg .navbar-nav .nav-link.language {display:inline-block;}
.navbar-expand-lg .navbar-nav .nav-link.language img{width:30px;margin:0 5px;}


.navbar-expand-lg .navbar-nav { align-items: center;}
.navbar-expand-lg .navbar-nav li {position:relative;}
.logo_dark {display:none;}
.v_dark .nav-fixed {top:0}
.btn-connect {background: #f54!important;}
.v_dark .nav-fixed .navbar-expand-lg .navbar-nav .nav-link{display:inline-block;width:120px;height:40px;line-height:40px;text-align:center;background:#404751;box-shadow: 0 3px 20px rgba(0,0,0,0.2);border-radius:22px;color:#ffffff;font-size:15px;padding:0;font-weight:200;margin: 0 auto;}

.navbar-expand-lg .navbar-nav ul{position: absolute;background:#404751;top: 40px;list-style: none;width: 120px;padding: 10px;display:none;border-radius:0 0 22px 22px;box-shadow: 0 3px 20px rgba(0,0,0,0.2)}
.navbar-expand-lg .navbar-nav ul.active{display:block;}
.navbar-expand-lg .navbar-nav ul li {padding: 7px 5px;font-size:15px;text-align:center}
.navbar-expand-lg .navbar-nav ul li a {padding: 0;color: #ffff;font-weight: 300;cursor: pointer;font-size:15px;position:relative;}
.navbar-expand-lg .navbar-nav ul li a:hover{color: #FF9100;}

.v_dark .nav-fixed .navbar-expand-lg .navbar-nav li.dropdown_menu:hover a.nav-link{border-radius:22px 22px 0 0;}
.v_dark .nav-fixed .navbar-expand-lg .navbar-nav li.dropdown_menu a.nav-link:after{content:'';background: #6A717B;width:75%;position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:none;height:1px}
.v_dark .nav-fixed .navbar-expand-lg .navbar-nav li.dropdown_menu:hover a.nav-link:after{display:block;}
.v_dark .nav-fixed .navbar-expand-lg .navbar-nav li.dropdown_menu:hover .nav-dropdown{display:block}

.mobile_menu{display:none}

.navbar-toggler {background:linear-gradient(102deg, #6D5AFB 0%, #E9183F 100%);width:50px;height:50px;outline:none;border:none}
#select-language {
	width: 52px;
	height: 34px;
	text-align: center;
	padding: 0 11px;
	font-size: 14px;
	color: #ffffff;
	margin:0 auto;
}

select {appearance:none;}

select {
	background: url('/assets/images/icon_arrow_down.svg') no-repeat right 5px top 14px;
	border: none;
	background-size: 10px;
	outline:none;
}
@media only screen and (max-width: 1440px) {

	.navbar-expand-lg .navbar-nav > li {padding: 0 10px;}
	header .navbar-nav a {font-size: 15px;}
}
@media only screen and (max-width: 1199px) {
	.navbar-brand img {max-width: 170px;}
	.navbar-expand-lg .navbar-nav > li {padding: 0 5px;}
	.navbar-expand-lg .navbar-nav .nav-link {font-size: 15px;}
}
@media only screen and (max-width: 991px) {
	.navbar-expand-lg .navbar-nav > li{margin:5px 0}
	.navbar-expand-lg .navbar-nav > li:last-child {display:flex;justify-content:center;width:120px;height:40px;text-align:center;border-radius:22px;background:#404751;line-height:40px;margin:5px}
	.web_menu.collapse.show{display:none;}
	header {height: 37px;}
	.navbar-expand-lg .navbar-nav.mobile_menu.active {position: absolute;top:80px;right:0;padding: 0;display:block;}
	.navbar-expand-lg .navbar-nav.mobile_menu.active ul{position:relative;top:0}
	.navbar-expand-lg .navbar-nav ul li {padding: 8px 5px;}
	.navbar-expand-lg .navbar-nav ul li
	#select-language{background:#404751;border-radius:25px;width:120px;height:40px;line-height:40px;}
	.v_dark .nav-fixed .navbar-expand-lg .navbar-nav li.dropdown_menu a.nav-link:after{bottom:auto;top:39px}

}
@media only screen and (max-width: 576px) {
	header.nav-fixed{height:80px}
	.navbar-brand img{width:120px}
	.navbar-toggler{width:40px;height:40px}
}

/*   header  menu  -sunny version  end  */

/*   background img -sunny version   */
.bg_image {background:url(/assets/images/main_bg.png) no-repeat bottom right;background-size:cover; width: 100%; position: fixed;top: 0;bottom: 0;z-index:-1}
.bg_image:after {content:'';background:url(/assets/images/main_bg_2.png) no-repeat top center;background-size:auto; width: 100%; position:absolute;top: 0;bottom: 0;left:50%;transform:translateX(-50%)}
.m_bg_image {background:url(/assets/images/main_bg.png) no-repeat bottom right;background-size:cover; width: 100%;min-height: 800px;height: 95vh;}

.bg_image_mypage{background:url(/assets/images/bg_1.png) no-repeat center center;background-size:cover; width: 100%; position: fixed;top: 0;bottom: 0;z-index:-1}
.bg_image_mypage:after{content:'';background:url(/assets/images/mypage_1.png) no-repeat top left;background-size:auto; width: 100%; position: fixed;top: 50%;left:110px;bottom: 0;z-index:-1;transform:translateY(-31%);height:100%}
.bg_image_mypage.edit:after{display:none;}

.bg_image_buff{background:url(/assets/images/bg_2.png) no-repeat center center;background-size:cover; width: 100%; position: fixed;top: 0;bottom: 0;z-index:-1}

section#pool{background:#292a2c;background-size:cover; width: 100%; top: 0;bottom: 0;z-index:0;}
section#pool:after{content:'';background:url(/assets/images/bg_4.png) no-repeat center center;background-size:cover; width: 100%; position: fixed;top: 0;bottom: 0;z-index:-1}

.bg_image_assets{background:url(/assets/images/bg_3.png) no-repeat center center;background-size:cover; width: 100%; position: fixed;top: 0;bottom: 0;z-index:-1}

/*   background img -sunny version  end  */

/*   input_box  -sunny version  */
.full-bottom{text-align:right}
.full-bottom span {font-size: 13px;font-weight: 500;color: #ffffff;width:50px;display:inline-block;text-align:left;vertical-align:middle;}
.input-login-field{height:50px; margin-bottom: 5px; line-height:40px;text-indent: 15px;border:1px solid #77838E7F;display:inline-block;width:85%;font-size:14px; background: #000000; color: #FFFFFF;border-radius:5px}
.m-input-login-field{height:50px; margin-bottom: 10px; line-height:40px;text-indent: 60px;border-bottom:1px solid rgba(255, 255, 255, 0.5);display:block;width:100%;font-size:14px; background: transparent; color: #FFFFFF;}

.login-button {text-align:center;margin-top:50px;}
.login-button  a{width: 350px;height: 60px;border-radius: 10px;background: linear-gradient(100deg, #0089B4 0%, #7F75FF 49%, #C720A5 100%);color: #ffffff !important;display: inline-block;text-align:center;line-height:60px;font-size:20px;}

.login-bottom-button {margin: 25px auto 0;color: #F5F5F5;text-align:right;}
.login-bottom-button a{display:inline-block;font-size:13px;line-height:28px;margin-left:30px;color:#ffffff}

.button-controller-next{position:fixed;bottom:15px;left:0;right:0;z-index:100;display: flex;justify-content: center;align-items: center;}
.button-controller-single{position:relative;text-align:center;margin-top:55px}
.m-button-controller-single{position:fixed;bottom:15px;left:0;right:0;z-index:100;display: flex;justify-content: center;align-items: center;}
.button-controller-single button{background:linear-gradient(100deg, #0089B4 0%, #7F75FF 49%, #C720A5 100%);color:#ffffff;height:60px;border-radius:10px;width:350px;line-height: 60px;text-align:center;padding:0;margin:0;font-size:20px;}
.button-controller-single a{background:linear-gradient(100deg, #0089B4 0%, #7F75FF 49%, #C720A5 100%);color:#ffffff;height:60px;border-radius:10px;width:350px;line-height: 60px;text-align:center;padding:0;margin:0;font-size:20px;display:inline-block}

.button-controller-double{position:relative;text-align:center;margin-top:55px;display: flex;justify-content: space-evenly;align-items: center;}
.button-controller-double button{background:linear-gradient(100deg, #0089B4 0%, #7F75FF 49%, #C720A5 100%);color:#ffffff;height:50px;border-radius:7px;width:384px;line-height: 50px;text-align:center;padding:0;margin:0;font-size:20px;}

.full-bottom.register span {width:110px;}
.full-bottom.register p{width:auto;margin-left:135px;display:block;margin-bottom:5px;font-size:12px;color:#FF9100;text-align:left;}
.full-bottom.register .input-login-field{width:77%; margin-bottom:0}

.full-bottom.button_mode.register  {position:relative;}
.full-bottom.button_mode.register button{width:100px;height:43px;padding:0;margin:0;line-height:45px;background:#FF9100;border-radius:3px;outline:none;border:none;position:absolute;right:4px;top:3px;}

.full-bottom.mypage_info span {width:105px;}
.full-bottom.mypage_info p{width:auto;margin-left:120px;display:block;margin-bottom:5px;font-size:12px;color:#FF9100;text-align:left;}
.full-bottom.mypage_info .input-login-field{width:80%; margin-bottom:5px}
.full-bottom.mypage_info .input-login-field.i_pfc_address, .full-bottom.mypage_info .input-login-field.i_nft_address{color:rgba(255,255,255,0.2)}

.full-bottom.button_mode.mypage_info  {position:relative;}
.full-bottom.button_mode.mypage_info button{width:100px;height:43px;padding:0;margin:0;line-height:45px;background:#FF9100;border-radius:3px;outline:none;border:none;position:absolute;right:4px;top:3px;}

.full-bottom.find_account {text-align:center}
.full-bottom.find_account span {width:70px;}
.full-bottom.find_account .input-login-field{width:74%; margin-bottom:10px}

.full-bottom.assets  {margin-right:10px;}
.full-bottom.assets span {width:90px;font-size:16px;font-weight:200;}
.full-bottom.assets .input-login-field{width:85%; margin-bottom:5px;font-weight:200;}

.input-field{height:40px; margin-bottom: 10px; line-height:40px;text-indent: 160px;border-bottom:1px solid rgba(255, 255, 255, 0.5);display:block;width:100%;font-size:14px; background: transparent; color: #FFFFFF;}
.m-input-field{height:40px; margin-bottom: 10px; line-height:40px;border-bottom:1px solid rgba(255, 255, 255, 0.5);display:block;width:100%;font-size:11px; background: transparent; color: #FFFFFF;}

@media only screen and (max-width: 767px) {
	.full-bottom{text-align:center;}
	.full-bottom span{width:50px;}
	.full-bottom .input-login-field{width:80%}
	.full-bottom.register{text-align:right;}
	.full-bottom.assets{margin-right:0}

	.full-bottom.mypage_info span{display:none;}
	.full-bottom.mypage_info p{margin-left:0}
	.full-bottom.mypage_info .input-login-field{width:100%;}
	.full-bottom.button_mode.mypage_info button{width:80px;font-size:14px;}

	.full-bottom.find_account .input-login-field{width:70%}
	.login-button a{width:300px}

	.button-controller-single button, .button-controller-single a{width:300px}
}
@media only screen and (max-width: 576px) {
	.full-bottom.register span, .full-bottom.find_account span{display:none;}
	.full-bottom.register p{margin-left:0}
	.full-bottom.register .input-login-field, .full-bottom.find_account .input-login-field{width:100%;}
	.full-bottom.button_mode.register button{width:75px;font-size:14px}
}
@media only screen and (max-width: 480px) {
	.login-bottom-button{margin:15px auto 0}
	.login-button {margin-top:30px}
	.login-button a{width:260px}

	.button-controller-single button, .button-controller-single a{width:260px}
}
/*   input_box  -sunny version  end  */

/*   my_page page  -sunny version  */
.my_page_info {width:665px;margin-left:300px;height: 340px;border-radius: 10px;padding: 75px 45px 0;font-size: 14px;font-weight: 400;margin-top:70px;position:relative}
.my_page_info:after {content:'';width:100%;height: 100%;background:linear-gradient(120deg, #6D5AFB 0%, #E9183F 100%); position:absolute;top:0;left:0;z-index:-1;border-radius:10px;opacity: 0.9;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;}
.my_page_info h3 {color: #FFFFFF;font-size: 28px; font-weight: 500;margin-bottom:40px}
.my_page_info h3 a{float:right;display:inline-block;width:140px;height:40px;background:#E56300;line-height:40px;border-radius:5px;box-shadow: 0 3px 20px rgba(0,0,0,0.2);text-align:center;font-size:15px;cursor:pointer}
.my_page_info p  {color: #ffff;font-size: 15px;font-weight: 200;margin-bottom:20px}
.my_page_info p span {display:inline-block;width:105px;color: #ffff;font-size: 15px;font-weight: 500;}

.index_textbox {background:rgba(20,27,35,0.92);border-radius: 10px;padding: 130px 40px 50px;width:690px;position:relative;margin:285px auto 0;box-shadow: inset 0 0 6px rgba(0,0,0,0.8);z-index: 3;}
.index_textbox.login {padding: 130px 100px 70px;}
.index_textbox.register {padding: 40px 50px 70px;margin-top:0;}
.index_textbox.find_account {padding: 40px 55px 70px;margin-top:150px;height:565px}
.index_textbox.mypage_info {padding: 40px 50px 70px;margin-top:60px;}
.index_textbox .box_logo{position:absolute;top:-150px;left:50%;transform:translateX(-50%);width:490px}

.index_textbox h3{text-align:center;font-size:28px;line-height:28px;margin-bottom:25px;color:#ffffff}
.index_textbox.login h3, .index_textbox.register h3{margin-bottom:40px;}
.index_textbox.find_account h3{margin-bottom:70px;}
.index_textbox .textbox_content p{font-size:15px;line-height:28px;margin-bottom:0;color:#ffffff;font-weight:200}
.index_textbox .textbox_content p span{color:#FF9100}
.index_textbox .textbox_content p a.guide_button{width:180px;background:#E56300;border-radius:5px;box-shadow: 0 3px 20px rgba(0,0,0,0.2);display:inline-block;text-align:center;line-height:40px;color:#ffffff;font-weight:400;margin:20px 0 25px;}
.index_textbox .textbox_content p a.email_button{color:#FF9100;font-weight:400}
.index_textbox .textbox_content p a.email_button i{font-size:19px;margin-right:10px}

.m_sns_logo {margin-top:20px;}
.m_sns_logo img {height: 50px;}

.m_sns_logo a:first-child {margin-right:5px}
.social-icon{color: #fff;display: inline-block;background-color: #818a91;align-items: center;justify-content: center;text-align: center;cursor: pointer;border-radius: 10px;font-size: 20px;width: 40px;height: 40px;margin:0 5px;line-height:40px;vertical-align:bottom}
.social-icon-discode {background-color: #8856f5;}
.social-icon-twitter {background-color: #1da1f2;}
.social-icon-telegram {background-color: #18baf7;}

@media only screen and (max-width: 1500px) {
	.my_page_info{margin-left:165px}
}
@media only screen and (max-width: 1300px) {
	.my_page_info{margin-left:0}
}
@media only screen and (max-width: 1199px) {
	.my_page_info{margin:70px auto 0}
}
@media only screen and (max-width: 992px) {
	.index_textbox.mypage_info{margin-top:90px}
}
@media only screen and (max-width: 767px) {
	.index_textbox{width:95%;padding:110px 40px 50px}
	.index_textbox .box_logo{width:400px;top:-120px}
	.index_textbox.register{padding:40px 20px 70px}
	.index_textbox.find_account{padding:40px 20px 40px}

	.index_textbox.login{padding:110px 50px 70px}

	.my_page_info{width:100%;padding:50px 25px 35px;height:auto}
}
@media only screen and (max-width: 576px) {
	.index_textbox.register{padding:40px 20px 40px}
	.index_textbox.mypage_info{padding:40px 25px 40px;margin-top:70px}

	.my_page_info{margin:40px 0 0 }
	.my_page_info p span{display:block}
	.my_page_info p{word-break:break-all}
}
@media only screen and (max-width: 480px) {
	.index_textbox, .index_textbox.login, .index_textbox.find_account{padding:30px 25px 30px;margin:80px auto 0}
	.index_textbox .box_logo{display:none}

	.index_textbox .textbox_content p{line-height:25px}
	.index_textbox .textbox_content p a.guide_button{margin:15px 0 15px}
	.index_textbox.login h3{margin-bottom:30px}

	.m_sns_logo {text-align:center}
	.m_sns_logo span {display:block;margin-top:20px;text-align:center}
}
/*   my_page page  -sunny version  end  */

/*   my_nft  -sunny version  */
.nft_div {display:flex;flex-wrap: wrap;justify-content:flex-start}
.nft_div img{max-width:225px;margin:10px;cursor:pointer}

.nft_cnt_amount{text-align:center;margin-bottom:85px}
.nft_cnt_amount p{display:inline-block;padding:20px 50px;background:linear-gradient(102deg, #6D5AFB 0%, #E9183F 100%);font-size:20px;border-radius:10px;margin-bottom:0;font-weight:500}

.click_div {position: sticky;top: 140px;width: 90%;background: rgba(0, 0, 0, 0.4);border-radius: 10px;z-index: 10;}
.click_img{display: block;max-width: 290px;margin: 30px auto 0;width:70%}
.click_title {color:rgb(251, 253, 255);font-size: 15px;font-weight: 500;}
.click_info {display: flex;padding:20px;flex-wrap:wrap;justify-content:space-around}
.click_info .click_info_box {display: inline-block;width: 48%;padding: 15px 20px 15px 9px;border: 1px solid #435164;margin:3px 2px;background:#000000;}
.click_info .click_info_box.full {width: 100%;}
.click_info .click_info_box p{color:#81A3D1;font-size: 12px;font-weight: 500;margin-bottom: 0;}
.click_info .click_info_box p span{float:right;font-size:15px;color:#ffffff}

.my_popup{position:fixed;top:0;bottom:0;right:0;left:0;display:none;overflow:auto;z-index:999999;}
.my_popup.active{display:block;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.my_popup .my_popup_content{max-width:500px;border-radius:10px;background: rgba(0, 0, 0, 0.9);top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;padding:15px;width:95%;}
.my_popup .my_popup_content .my_popup_content_head{color:#ffffff;border-bottom:1px solid #0488B6;position:relative;}
.my_popup .my_popup_content .my_popup_content_head h4{font-size:21px;font-weight:600;padding:5px;color:#ffffff;}
.my_popup .my_popup_content .my_popup_content_head i{position:absolute;top:-2px;right:5px;font-size:35px;}
.my_popup .my_popup_content .my_popup_content_body .click_img{max-width:200px;}
.my_popup .my_popup_content .my_popup_content_body .click_info_box {margin:12px 50px}
.my_popup .my_popup_content .my_popup_content_body .click_info_box p{color:#81A3D1;margin-bottom:0}
.my_popup .my_popup_content .my_popup_content_body .click_info_box p span{color:#ffffff;float:right}
.my_popup .my_popup_content .my_popup_content_footer{text-align:center;padding:25px 0 10px;}
.my_popup .my_popup_content .my_popup_content_footer a{width:50%;height:50px;line-height:50px;text-align:center;display:inline-block;background:linear-gradient(102deg, #6D5AFB 0%, #E9183F 100%);color:#ffffff;padding:0}

@media only screen and (max-width: 1400px) {
	.click_div{top:120px}
	.nft_div img{width:200px}
}
@media only screen and (max-width: 1199px) {
	.click_div img{max-width:230px}
	.nft_div img{width:180px}
}
@media only screen and (max-width: 991px) {
	.click_div img{max-width:290px}
	.nft_div img{width:165px}
}
@media only screen and (max-width: 576px) {
	.nft_cnt_amount p{font-size:17px;padding:10px 25px}
	.nft_cnt_amount{margin-bottom:20px}

	.my_popup .my_popup_content .my_popup_content_body .click_info_box{margin:5px 0;font-size:14px}
	.my_popup .my_popup_content .my_popup_content_body .click_img{max-width:130px;}
}
/*   my_nft  -sunny version  end   */




.process { height: 100%; }

/* 풋터 */
.copyright {color: #ffffff;font-size: 13px;margin: 0; display: inline-block;vertical-align: sub;font-weight:200}
.footer_flex {display: flex;justify-content: space-between;}
.v_dark .bottom_footer.index{padding: 17px 0; height: 65px; position: fixed;bottom: 0;width: 100%;text-align:center;z-index:-1}
.v_dark .bottom_footer{padding: 30px 0; height: 95px; position: relative;bottom: 0;width: 100%;}
.sns_logo {display: inline-block; position:absolute;right:15px;top:20px}
.sns_logo a{display: inline-block;vertical-align:text-bottom}
.sns_logo a.btn_copy{color:#ffffff;margin-bottom:0;font-weight:200;width:27px;height:27px;background:#404751;border-radius:5px}
.sns_logo a.btn_copya:not([href]):not([tabindex]):hover{color:#ffffff !important;}
.sns_logo a.btn_copy i{font-size:16px;line-height:27px}
@media only screen and (max-width: 767px) {
	.copyright {	    display: none;}
}

@media only screen and (max-width: 992px) {
	#mobileapp img{width:50%}
}
#mobileapp img{width:70%;margin:20px 0;}
/* START 404 PAGE */
.not_found {margin: 0 auto;max-width: 450px;}
.not_found h3 {font-size: 24px;font-weight: 600;margin-bottom: 20px;text-transform: uppercase;}
@media only screen and (max-width: 380px) {
	.not_found h3 {font-size: 20px;}
}

.partner img{border-radius:10px;}

.ft-si-10 {font-size: 10px !important;}
.ft-si-11 {font-size: 11px !important;}
.ft-si-12 {font-size: 12px;}
.ft-si-13 {font-size: 13px;}
.ft-si-14 {font-size: 14px;}
.ft-si-16 {font-size: 16px;}
.ft-si-18 {font-size: 18px;}
.ft-si-20 {font-size: 20px !important;}
.ft-si-22 {font-size: 22px !important;}
.ft-si-30 {font-size: 30px !important;}

.pd-ri-0, .pd-rl-0, .pd-all-0 {padding-right: 0px !important;}
.pd-ri-5, .pd-rl-5, .pd-all-5 {padding-right: 5px !important;}

.pd-le-0, .pd-rl-0, .pd-all-0 {padding-left: 0px !important;}
.pd-le-34 {padding-left: 34px !important;}

.pd-to-0, .pd-tb-0, .pd-all-0 {padding-top: 0px !important;}

.pd-bo-0, .pd-tb-0, .pd-all-0 {padding-bottom: 0px !important;}
.pd-bo-10, .pd-tb-10, .pd-all-10 {padding-bottom: 10px !important;}

.mg-le-0, .mg-rl-0, .mg-all-0 {margin-left: 0px !important;}
.mg-le-15, .mg-rl-15, .mg-all-15 {margin-left: 15px;}
.mg-le-30, .mg-rl-30, .mg-all-30 {margin-left: 30px;}

.mg-ri-0, .mg-rl-0, .mg-all-0 {margin-right: 0px !important;}
.mg-ri-10, .mg-rl-10, .mg-all-10 {margin-right: 10px;}
.mg-ri-15, .mg-rl-15, .mg-all-15 {margin-right: 15px;}
.mg-ri-30, .mg-rl-30, .mg-all-30 {margin-right: 30px;}
.mg-ri-55, .mg-rl-55, .mg-all-55 {margin-right: 55px;}

.mg-to-10, .mg-tb-10, .mg-all-10 {margin-top: 10px;}
.mg-to-15, .mg-tb-15, .mg-all-15 {margin-top: 15px;}
.mg-to-50, .mg-tb-50, .mg-all-50 {margin-top: 50px;}
.mg-to-200, .mg-tb-200, .mg-all-200 {margin-top: 200px;}

.mg-bo-0, .mg-tb-0, .mg-all-0 {margin-bottom: 0px !important;}
.mg-bo-8, .mg-tb-8, .mg-all-8 {margin-bottom: 8px !important;}
.mg-bo-10, .mg-tb-10, .mg-all-10 {margin-bottom: 10px !important;}
.mg-bo-13, .mg-tb-13, .mg-all-13 {margin-bottom: 13px;}
.mg-bo-15, .mg-tb-15, .mg-all-15 {margin-bottom: 15px;}
.mg-bo-22, .mg-tb-22, .mg-all-22 {margin-bottom: 22px;}
.mg-bo-25, .mg-tb-25, .mg-all-25 {margin-bottom: 25px;}
.mg-bo-30, .mg-tb-30, .mg-all-30 {margin-bottom: 30px;}
.mg-bo-50, .mg-tb-50, .mg-all-50 {margin-bottom: 50px;}
.mg-bo-55, .mg-tb-55, .mg-all-55 {margin-bottom: 55px;}
.mg-bo-60, .mg-tb-60, .mg-all-60 {margin-bottom: 60px;}
.mg-bo-70, .mg-tb-70, .mg-all-70 {margin-bottom: 70px;}
.mg-bo-100, .mg-tb-100, .mg-all-100 {margin-bottom: 100px;}
.mg-bo-120, .mg-tb-120, .mg-all-120 {margin-bottom: 120px;}


/* popup */
.notice_popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:auto;}
.notice_popup.disable{display:none;}
.notice_popup .notice_popup_wrap{background:#ffffff;max-width:800px;margin:100px auto;padding:5px;border-radius:10px;overflow:auto;}
.notice_popup .notice_popup_wrap .notice_popup_head{padding:15px 25px;position:relative;border-bottom:1px solid #dadada;}
.notice_popup .notice_popup_wrap .notice_popup_head a{position: absolute;right: 15px;font-size: 35px;top: 8px;width: 30px;height: 30px;text-align: center;color:#333232;cursor:pointer}
.notice_popup .notice_popup_wrap .notice_popup_head h4{color:#333232;margin:0;line-height:20px;font-size:20px;font-weight:600;}
.notice_popup .notice_popup_wrap .notice_popup_body{padding:25px;border-radius:10px;margin-top:5px;}
.notice_popup .notice_popup_wrap .notice_popup_body h5{color:#333232;font-size:18px}
.notice_popup .notice_popup_wrap .notice_popup_body > p{color:#737373;margin:0;line-height:30px;font-size:14px}
.notice_popup .notice_popup_wrap .notice_popup_body .notice_popup_info{padding:20px;border-radius: 10px;margin: 10px 0;border: 1px solid #d86668;}
.notice_popup .notice_popup_wrap .notice_popup_body .notice_popup_info > p{color:#333232;margin:0;line-height:30px;font-weight:600;font-size:17px;}
.notice_popup .notice_popup_wrap .notice_popup_body .notice_popup_info .notice_popup_info_text{margin-top:10px;}
.notice_popup .notice_popup_wrap .notice_popup_body .notice_popup_info .notice_popup_info_text p{color:#333232;margin:0;line-height:30px;}
.notice_popup .notice_popup_wrap .notice_popup_body .notice_popup_info ul{padding:0 0 0 25px;}
.notice_popup .notice_popup_wrap .notice_popup_body .notice_popup_info ul li{color:#6b6b6b;font-size:14px;line-height:25px;    display: inline-block;}
.notice_popup .notice_popup_wrap .notice_popup_footer{margin-top:5px;display:flex;padding:5px 25px 0;}
.notice_popup .notice_popup_wrap .notice_popup_footer .notice_popup_footer_oneday{width:70%;}
.notice_popup .notice_popup_wrap .notice_popup_footer .notice_popup_footer_close{width:30%;}
.notice_popup .notice_popup_wrap .notice_popup_footer .notice_popup_footer_oneday input, .notice_popup .notice_popup_wrap .notice_popup_footer .notice_popup_footer_close input{width:20px;height:20px;vertical-align:text-top;margin-right:10px;}
.notice_popup .notice_popup_wrap .notice_popup_footer .notice_popup_footer_oneday label, .notice_popup .notice_popup_wrap .notice_popup_footer .notice_popup_footer_close label{color:#333232;margin:0;font-size:14px;cursor:pointer;}
.notice_popup .notice_popup_wrap .notice_popup_footer .notice_popup_footer_close {text-align:right;}

.color-gray {color: #646464;}

/*  assets page  css  -sunny version  */
.buff_box_row {display:flex;flex-wrap: wrap;justify-content:center;margin-top:70px}
.buff_box {width: 610px;height: 340px;margin:15px;padding: 30px 35px;position:relative}
.buff_box.class:after {content:'';background:linear-gradient(124deg, #4734EC 0%, #00D1A9 100%);opacity: 0.9;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;border-radius: 10px;}
.buff_box.detail:after {content:'';background:linear-gradient(122deg, #6D5AFB 0%, #E9183F 100%);opacity: 0.9;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;border-radius: 10px;}
.buff_box table{width:100%;}
.buff_box table th{font-size:18px;font-weight:400;border-bottom:2px solid rgba(255,255,255,0.25);padding:15px 70px;color:#ffffff}
.buff_box table td{color:#ffffff;line-height:20px;padding:20px 70px 0}

.buff_box.class table td:last-child{width:190px;text-align:right;padding:20px 75px 0}
.buff_box.detail table{margin-top:7px}
.buff_box.detail table td:last-child{width:120px;padding:20px 0 0}

.assets_notice_box {background: rgba(23, 30, 38, 0.9);border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);padding:20px 25px;margin:70px auto 10px;max-width:1040px}
.assets_notice_box p{font-size:14px;font-weight:300;margin-bottom:0;line-height:26px}

.assets_pfc_box {width: 100%;height: 170px;border-radius: 10px;padding:10px 0;font-size: 14px;position:relative;z-index:1;margin:0 auto 10px;max-width:1040px}
.assets_pfc_box:after {content:''; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset; width: 100%;height: 100%;background: linear-gradient(102deg, #6D5AFB 0%, #E9183F 100%);border-radius: 10px;position:absolute;top:0;left:0;z-index:-1}
.assets_pfc_box h3 { font-size: 20px; padding:13px 32px; color: #ffffff;position:relative;display:inline-block;line-height:24px;margin-bottom:0;}
.assets_pfc_box h3:after {content:'';width:100%;height:3px;background:#61ce70;position:absolute;bottom:0;left:0;}

.assets_staking_balance {font-size: 14px;text-align: center;max-width:1040px;}
.assets_staking_balance span {color:#BFEF4B; font-weight: 600; font-size: 50px;line-height:50px;word-break: break-all}

.assets_withdraw_box {width: 100%;border-radius: 10px;font-size: 14px;position:relative;z-index:1;margin:0 auto 60px;display:flex;padding:60px 100px;max-width:1040px}
.assets_withdraw_box:after {content:''; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset; width: 100%;height: 100%;background: linear-gradient(107deg, #4734EC 0%, #00D1A9 100%);border-radius: 10px;position:absolute;top:0;left:0;z-index:-1}


.assets_withdraw_box .full_bottom_box{flex-grow:1;}
.assets_withdraw_box .full_bottom_button{width:180px;}
.assets_withdraw_box .full_bottom_button button{width:100%;height:105px;background:#776ec3;border-radius:10px;text-align:center;line-height:25px;padding:0;margin:0;font-size:18px}
.assets_withdraw_box .full_bottom_button .active{background-color:#4734EC;}

.deposit_history_wrap{margin:auto;max-width:1040px}
.tab-deposit{width:100%;list-style:none;display:flex;padding:0;margin:0}
.tab-deposit li{width:50%;background:rgba(0,0,0,0.9);border-radius:10px 10px 0 0;color:rgba(255,255,255,0.25);padding:20px 0;text-align:center;cursor:pointer}
.tab-deposit li.active{background:rgba(20,27,35,0.9);color:rgba(255,255,255,0.5);}


.tab-find{width:100%;list-style:none;display:flex;padding:0;margin:0}
.tab-find li{width:50%;border-radius:10px 10px 0 0;color:rgba(255,255,255,0.5);padding:0  0 15px;text-align:center;cursor:pointer;position:relative;}
.tab-find li:after{content:'';width:100%;height:2px;background:#33424E;position:absolute;bottom:2px;left:0; }
.tab-find li.active{color:#ffffff;border-bottom:6px solid #0488B6;}
.tab-find li.active:after{display:none;}

.tab-find-id{padding-top:90px}
.tab-find-pwd{padding-top:55px}
.find_account .tab-find-id .button-controller-single {margin-top:100px}
.find_account .tab-find-pwd .button-controller-single {margin-top:75px}

.tab-history{display:none;height:375px;overflow:auto;background:rgba(20,27,35,0.9);padding:10px;border-radius:0 0 10px 10px}
.tab-history.active{display:block;}

.tab-history table{width: 100%;text-align: center;color:#fff;}
.tab-history table th {background:rgba(37,45,55,0.9);color:#ffffff;padding:15px;font-weight:200;font-size:15px}
.tab-history table td {padding:15px;}
.tab-history table td:last-child{cursor: pointer;}
.more_txt{margin-top: 20px;text-align: center;cursor: pointer;}

@media only screen and (max-width: 1199px) {
	.assets_withdraw_box{padding:60px 40px}
}
@media only screen and (max-width: 992px) {
	.buff_box_row{margin-top:30px}
	.full-bottom.assets .input-login-field{width:80%}

	.assets_withdraw_box{padding:60px 35px}
}
@media only screen and (max-width: 767px) {
	.buff_box{width:100%;margin:10px 0}

	.assets_withdraw_box{display:block;padding:60px 25px}
	.assets_withdraw_box .full_bottom_button{width:100%;text-align:center;margin-top:30px;}
	.assets_withdraw_box .full_bottom_button button{width:70%;height:60px;}

	.tab-history.active table{overflow:auto;white-space:nowrap;}
}
@media only screen and (max-width: 576px) {
	.buff_box {height:auto;padding:20px 35px 30px}
	.buff_box table th{padding:10px 20px;text-align:center}
	.buff_box table td{padding:10px 20px 0}
	.buff_box.detail table{margin-top:0;}
	.buff_box.class table td:last-child{padding:10px 20px 0}
	.buff_box.detail table td:last-child{text-align:right;padding:10px 20px 0}

	.index_textbox.find_account{height:auto}
	.index_textbox.find_account h3{margin-bottom:50px;font-size:23px;}

	.tab-deposit li{font-size:14px}
	.tab-find-id{padding-top:72px;}
	.tab-find-pwd{padding-top:40px}
	.find_account .tab-find-id .button-controller-single{margin-top:78px}
	.find_account .tab-find-pwd .button-controller-single{margin-top:50px;}

	.assets_notice_box{margin:40px auto 10px;}
	.assets_staking_balance{margin-top:15px}
	.assets_staking_balance span{font-size:40px}

	.full-bottom.assets{margin-bottom:10px}
	.full-bottom.assets span{display:block;width:auto;}
	.assets_withdraw_box .full_bottom_button button{width:100%;font-size:16px}
	.full-bottom.assets .input-login-field{width:100%;}
}
/*  assets page  css  -sunny version  end  */


.bar-long { width: 218px;}
.bar-medium { width: 169px;}
.bar-small { width: 140px;}


.white-box-medium2 {  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;  width: 100%;height: 170px;background: transparent linear-gradient(113deg, #6D5AFB 0%, #E9183F 100%) 0% 0% no-repeat padding-box;border-radius: 10px;padding: 21px 39px 31px 0px;font-size: 14px;
}
.white-box-big-mobile {background: transparent linear-gradient(137deg, #6D5AFB 0%, #E9183F 100%) 0% 0% no-repeat padding-box;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
	border-radius: 10px;padding: 24px 30px;font-size: 14px;font-weight: 400;text-align: center;}

.dis-flex-column-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.ft_si_50 {font-size: 50px;}
.ft_si_22 {font-size: 22px;}
.pd_bt_93 {padding-bottom: 93px;}




.m-box-content {letter-spacing: 0px;color: #FFFFFF;opacity: 1;font-size: 16px;margin-top: 15px;}
.m-box-content ul{padding:0;margin:0;}
.m-box-content .my_page_title {display: flex;justify-content: center;}
.m-box-content .my_page_detail {font-size: 14px;}


.container-percent{ position:relative; float: right; }

.container-percent .card_1 {position:relative;justify-content:center;align-items:center;border-radius:4px;text-align:center;overflow:hidden;transition:0.5s;}

.container-percent .card_1:before{content:'';position:absolute;top:0;left:-50%;width:100%;height:100%;background:rgba(255,255,255,.03);pointer-events:none;z-index:1;}
.percent{position:relative;width:170px;height:170px;border-radius:50%;z-index:1000;}
.percent .num{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index: 100000;}
.percent .num h2{color: rgba(255, 255, 255, 0.7);font-weight:700;font-size:40px;transition:0.5s;}

.percent .num h2 span{color: rgba(255, 255, 255, 0.7);font-size:24px;transition:0.5s;}

svg{position:relative;width:170px;height:170px;z-index:1000;}
svg circle{width:100%;height:100%;fill:rgba(0, 0, 0, 0.3);stroke:#BFEF4B;stroke-width:15;stroke-linecap:round;transform:translate(5px,5px);}
svg circle:nth-child(2){stroke-dasharray:440;stroke-dashoffset:440;}
svg circle:nth-child(2){ stroke-dashoffset: calc(440 - (440 * 0) / 100);stroke:#BFEF4B;}
svg circle:nth-child(1){display: none;}




.defi_bg { background: url(/assets/images/defi_bg.png) no-repeat center center ; background-size: cover;      min-height: 600px;}
.bg_pf { background: url(/assets/images/bg_pf.png) no-repeat center center ; background-size: cover;      min-height: 500px;}

.flex-space-between {
	display: flex;
	justify-content: space-between;
}

.gray-line-medium {
	width: 1px;
	background: #CFCFCF;
	height: 49px;
}


.progress-triangle-up {
	 width: 10px;
	 height: 9px;
	 background: transparent url('/assets/images/triangle-up.svg') 0% 0% no-repeat padding-box;
	margin-bottom: 5px;
	margin-top: 10px;

 }

.progress-triangle-down {
	width: 10px;
	height: 9px;
	background: transparent url('/assets/images/triangle-down.svg') 0% 0% no-repeat padding-box;
	margin-top: 5px;
	margin-bottom: 20px;
}

.progress-triangle-up-middle {
	width: 10px;
	height: 9px;
	background: transparent url('/assets/images/triangle-up.svg') 0% 0% no-repeat padding-box;
	margin-top: -10px;
	position: absolute;
}

.progress-triangle-down-middle {
	width: 10px;
	height: 9px;
	background: transparent url('/assets/images/triangle-down.svg') 0% 0% no-repeat padding-box;

	margin-bottom: 20px;
	position: absolute;
}


.bold {
	font-weight: bold !important;
}

.text-blue {
	color: #008BBF;
}

.table-title {font-size: 18px;letter-spacing: 0;font-weight: 500;padding-left: 10px;}

.table-head {display: flex;justify-content: space-around;background: #EEF0F2;height: 47px;margin-right: 25px;align-items: center;font-size: 14px;letter-spacing: 0px;}

.table-tr {
	display: flex;
	justify-content: space-around;
	margin-right: 25px;
	font-size: 14px;
	letter-spacing: 0px;
}

.border-table {border-radius: 10px;}



.bottom-none {border-bottom: none !important;}

.available-table-2 {width: 100%;text-align: center;font-size: 14px;letter-spacing: 0px;border-radius: 10px;border-style: hidden;background: #ffffff;}

.available-table-2 th {font-weight: 500;}

.available-table-2 thead {border-bottom: 1px solid #E5E7E9;height: 47px;}

.available-table-2 tbody tr {border-bottom: 1px dashed #AFAFAF;}

.available-table-2 td { font-weight: 500; padding: 22px 40px; position: relative;}
.available-table-2 td:nth-child(1) {   padding-left: 85px;width: 170px; text-align: center; line-height: 17px;}
.available-table-2 th:nth-child(1) {   text-align: left; padding-left: 75px;width: 160px; }
.available-table-2 th:nth-child(4) {   width: 150px; }
.available-table-2 td:last-child {width: 230px; border-bottom: none;}
.bg-grey {background: #EEF0F2;}
.bg-pfcolor {background: #111e2a;}

.btn-deposit {margin: auto;background: transparent linear-gradient(126deg, #6D5AFB 0%, #FF3A76 100%) 0% 0% no-repeat padding-box;opacity: 1;
				width: 100%;border-radius: 17px;display: flex;justify-content: center;align-items: center;color: #FFFFFF;cursor: pointer; padding: 5px 0;}



.deposit-font { font-size: 20px;}

.white-box-large-medium {width: 1100px;height: 149px;background: #FFFFFF;border-radius: 10px;padding: 30px 33px 22px 33px;}



.m-white-box-large-big {
	background: #2f353a;
	padding: 23px 10px;
	border-radius: 10px;
	width: 100%;
    box-shadow: 0 0 0 1px rgba(255 255 255 / 30%) inset;
}
.m-white-box-large-big div{color: #ffffff;}

.btn-deposit-send {
	font-size: 20px;
	width: 180px;
	height: 50px;
	background: #61ce70;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	color: #ffffff;
	font-weight: 600;
	line-height: 50px;
}

.swap-box-info {font-size: 20px;color: #000000;width: 180px;height: 265px;font-weight: 600;background:#E5E7E9;border-radius: 10px 0px 0px 10px;text-align: center;z-index: 1;padding: 60px 0;}
.swap-box-info p {margin: 0; padding-top: 75px; color: #000000;}
.from-to-box > div {padding-bottom: 30px;}
.swap-box .white-box-large-big {width: 740px;height: 265px;background: #FFFFFF;	padding: 35px 48px 0 40px;display: flex;}
.icon-swap {display: block;}

.icon-box {float: right;margin-left: auto;margin-top: 20px;}

.btn-swap-send {font-size: 20px;
	line-height: 267px;
	width: 180px;
	height: 265px;
	background: #1A96CE;
	border-radius: 0px 10px 10px 0px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	color: #ffffff;
	font-weight: 600;}




.btn-address-send {
	font-size: 20px;
    width: 270px;
    height: 50px;
    background: #E5E7E9;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    color: #ffffff;
    font-weight: 600;
    line-height: 50px;
}

.btn-address-send.active {
	font-size: 20px;
    width: 270px;
    height: 50px;
    background: #61ce70;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    color: #ffffff;
    font-weight: 600;
    line-height: 50px;
}

.deposit-withdraw-box {display: flex; margin: 0 15px;}
.swap-box {display: flex; margin: 0 15px;}

.gray-line-0 {
	width: 1px;
	height: 37px;
	background: #CFCFCF;
}

.deposit-left {display: flex;align-items: center;justify-content: space-between;}

.deposit-right {display: flex;align-items: center;justify-content: flex-end;font-size: 12px;padding-right: 20px;padding-bottom: 3px;}

.time-check {
	width: 550px;
	background: #FF8077;
	border-radius: 58px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 200px;
	letter-spacing: 0px;


}

.time-check-b {
	width: 550px;
	background: transparent linear-gradient(151deg, #6D5AFB 0%, #E9183F 100%) 0% 0% no-repeat padding-box;
	border-radius: 58px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 200px;
	letter-spacing: 0px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
}

.dis-flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.progress-bar-custom {
	width: 500px;
	height: 17px;
	background: #CFD2D5;
	border-radius: 10px;
}

.btn-deposit-swap {
	width: 180px;
	height: 265px;
	background: #FFFFFF;
	box-shadow: 1px 0px 0px #6CC1CF;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	z-index: 10;
	font-weight: bold;
}

.btn-deposit-swap.active{
	width: 180px;
	height: 265px;
	background: #6CC1CF;
	border-radius: 10px 0px 0px 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	color: #ffffff;
	font-weight: bold;
}

.white-box-large-big-swap {
	width: 740px;
	height: 265px;
	background: #FFFFFF;
	border-radius: 0px 10px 10px 0px;
	padding: 25px 42px 31px 59px;
}


.balance-text {
	letter-spacing: 0px;
	font-size: 14px;
}

.withdraw-left {
	display: flex;
	justify-content: space-between;
	height: 100%;
	border-right: 1px solid #CFCFCF;
}

.withdraw-right {

	display: flex;
	justify-content: space-between;
	height: 100%;
	margin-left: 55px;

}




.tab-deposit ul {display: flex;margin-bottom: 55px;list-style:none}
.tab-deposit ul li {color: rgba(255,255,255,0.5);width:50%;text-align:center;padding:0 0 15px;font-size:18px;font-weight:300;position:relative;cursor:pointer;}
.tab-deposit ul li:after {content:'';background:#33424E;width:100%;height:2px;bottom:2px;left:0;position:absolute;}
.tab-deposit ul li.active {color: #ffffff;border-bottom: 6px solid #0488B6;}
.tab-deposit ul li.active:after {display:none;}

.m-tab-deposit {display: flex;margin-bottom: 21px;justify-content: center;}
.m-tab-deposit div {color: #ffff;}
.m-tab-deposit .active {color: #61ce70;border-bottom: 4px solid #61ce70;}

.icon-eth {
	width: 38px;
	height: 38px;
}

.icon-eth-div {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.icon-question {
	width: 20px;
	height: 23px;
}







.color-white {
	color: #ffffff;
}

.login-bg {
	background-image: url('/assets/images/intro_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #707070;
	width: 100%;
	height: 100%;
}



.intro-content {margin-top: 145px;display: flex;justify-content: center;align-items: center;}

.intro-content img{width: 493px;height: 69px;}


@keyframes slideUp {
	from {
		transform: translateY(80%);
	}
	to {
		transform: translateY(-50%);
	}
}
.rocket-ready {position: fixed;display: flex;top: 50%;justify-content: center;align-items: center;width: 100%;animation-duration: 1.5s;animation-name: slideUp;animation-iteration-count: 1;transform: translateY(-50%);}

.intro-content-done {
	height: 80vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.intro-content-done img {
	width: 700px;
	height: 99px;

	z-index: 9999;
}


.progress-line {
	width: 500px;
	height: 17px;
	background: #CFD2D5;
	border-radius: 10px;
}

.progress-line-bar {
	height: 17px;
	color: transparent;
	font-weight: bold;
	text-align: right;
	background: #F25F5F;
	width: 0px;
	padding: 0.5em;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}

.ready-title {font-size: 25px;letter-spacing: 0px;font-weight: 500;text-align: center;margin-bottom: 15px;}
.ready-content {font-size: 30px;letter-spacing: 0px;text-align: center;}




.icon-back {    position: absolute;top: 90px;left: 30px;cursor: pointer;}

.dropdown-content {display: none;position: absolute;background: #ffffff;min-width: 131px;z-index: 1;border: 1px solid #DFE2E6;}

.dropdown-content a {
	float: none;
	color: #171717 !important;
	padding: 5px 10px;
	text-decoration: none;
	display: block;
	text-align: left;
	letter-spacing: 0px;
}

.dropdown-content a:hover {
	color: #F25F5F !important;
}

.dropdown-content-1 {
	display: none;
	position: absolute;
	background: #ffffff;
	min-width: 131px;
	z-index: 1;
	height: 70px;
	border: 1px solid #DFE2E6;
}

.dropdown-content-1 a {
	float: none;
	color: #171717 !important;
	padding: 5px 10px;
	text-decoration: none;
	display: block;
	text-align: left;
	letter-spacing: 0px;
}

.dropdown-content-1 a:hover {
	color: #F25F5F !important;
}


.show {
	display: block;
}

.fade {
	display: none !important;
}

.pd_ri_25 {padding-left: 0 ;padding-right: 25px;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

input:focus {
	outline: none !important;
	border-bottom: 3px solid #000000;
	padding: 0;
}

.tab-content-address, .tab-content-withdraw, .btn-address, .btn-address-send {
	cursor: pointer;
}

.margin-size {
	margin: 0 28px 15px 0px;
}

.alert-warning {
	width: 586px;
	height: 217px;
	padding: 20px;
	background: #FFFFFF;
	z-index: 9999999;
	border: 1px solid #949494;
	border-radius: 10px;
	text-align: center;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	position: fixed;
	font-size: 18px;
	color: #272727;

}


.alert-confirm {
	width: 586px;
	height: 219px;
	padding: 20px;
	background: #FFFFFF;
	z-index: 9999999;
	border: 1px solid #949494;
	border-radius: 10px;
	text-align: center;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	position: fixed;
	font-size: 18px;
	color: #272727;

}



.closebtn {width: 31px;height: 31px;}

.profit { position: absolute; right: 45px;}


.closebtn:hover {color: black;}

.btn-harvest {width: 104px;height: 34px;background: #0039AC;border-radius: 17px;color: #FFFFFF;letter-spacing: 0px;font-size: 16px;cursor: pointer; position: relative;top: 40px; left: 33px;}


.close-button {
	display: flex;
	justify-content: flex-end;

}

.close-button img {
	width: 31px;
	height: 31px;
}

.alert-text {display: flex;justify-content: center;align-items: center;height: 100px;}
.hidden-text {display: none;}
.m-alert-text {display: flex;justify-content: center;align-items: center;height: 150px;}


.text-red {
	color: red;
}

.bg-main-color {
	background: #EEF0F2;
}

.text-black {
	color: #272727 !important;
}


.icon-pool {
	width: 40px;
}

#asset-table {bottom: 0;min-height: 50vh; background: #111e2a;padding-bottom: 70px;}


.alert-bg {position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999;margin:0 0 0 0;}
.alert-bg:after {content:'';backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px); position: fixed; top: 0; left: 0; z-index:-1;background: rgba(0, 0, 0 ,0.2);width:100%;height:100%}

.btn-confirm-ok {display: flex;justify-content: center;align-items: center;width: 189px;height: 45px;background: #1A96CE;color: #ffffff;border-radius: 5px;margin-right: 15px;cursor: pointer;}

.btn-confirm-cancel {display: flex;justify-content: center;align-items: center;width: 189px;height: 45px;background: #98A9B4;border-radius: 5px;color: #ffffff;cursor: pointer;}

.btn-close {cursor: pointer;     font-size: 40px;color: #ffffff;position: absolute;top: -45px;}

.btn-question {cursor: pointer;}

.menu-hider{position:fixed;top:-50px;left:0px;right:0px;height:120vh;bottom:-50px;opacity:0;pointer-events:none;transition:all 350ms ease;background-color: rgba(0,0,0,0.6);}
.active-menu-hider{transition:all 350ms ease;pointer-events:all!important;}

.badge-p {text-align: left;padding-left: 45px;margin: 0;}

.badge-d {display: inline-block;width: 15px;height: 15px;background: #0A9B00;border-radius: 50%;     margin-right: 3px;}
.badge-h {display: inline-block;width: 15px;height: 15px;background: #8458FF;border-radius: 50%;     margin-right: 3px;}
.badge-w {display: inline-block;width: 15px;height: 15px;background:#FEA100;border-radius: 50%;     margin-right: 3px;}

.color-yellow { color: #FEA100; vertical-align: text-bottom;}
.color-purple { color: #8458FF; vertical-align: text-bottom;}
.color-green2 { color: #0A9B00; vertical-align: text-bottom;}


.tooltip-1 {position: relative;display: inline-block;}

.tooltip-1 .tooltiptext-1 {visibility: hidden;width: 400px;background: rgba(255, 255, 255, 0.7);color: #000000;text-align: center;
	border-radius: 6px;padding: 10px;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	bottom: 35px;
	left: -210px;
}

.tooltip-1:hover .tooltiptext-1 {visibility: visible;}
.color-check {font-size: 20px;color: #0270ff;}
.color-pause {font-size: 20px;color: #646464;}
.color-times {font-size: 20px;color: #ff1010;}

.swap-bg {background: transparent url('/assets/images/swap_bg.png') no-repeat ;background-size: cover; min-height: 1250px;}

.swap-bg-b {background: transparent url('/assets/images/swap_bg_b.png') no-repeat bottom center;background-size: cover;min-height: 600px;}



.swap-eth-icon {width: 33px;height: 54px;}
.count {padding-bottom: 8px;display: flex;align-items: center;}



.event-title {text-align: center;font-size: 55px;font-weight: 500; color: #FFFFFF;text-shadow: 0px 3px 6px #000000; margin-bottom:76px;}



.row-txid {cursor: pointer;
}



.max-1210 {
	max-width: 1210px !important;
}

.max-1127 {
	max-width: 1127px !important;
}

.max-1094 {
	max-width: 1094px !important;
}

.sidenav {
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	background: #000000;
	overflow-x: hidden;
	transition: 0.5s;
}

.sidenav.active {
	padding: 10px;
}

.sidenav a {
	text-decoration: none;
	color: #FFFFFF;
	opacity: 0.7;
	font-size: 14px;
	display: block;
	padding: 5px;
	line-height: 27px;
}

.sidenav .sub-menu-list a {text-decoration: none;color: #ffffff;font-size: 14px;display: block;padding: 5px;line-height: 20px;}

.sidenav a:hover {
	color: #F25F5F;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

.mg_10 {width: 161px;}
.menu-list:nth-child(1) {border-top: 1px solid #AFAFAF;}
.menu-list {border-bottom: 1px solid #AFAFAF;}


.sub-menu-list {
	display: flex;
	font-size: 16px;
	cursor: pointer;
    margin: 0px 15px 0px 35px;
	border-bottom: 1px solid #AFAFAF;
}

.sub-icon {
	margin-right: 6px;
}

.feature-icon {
	width: 30%;
	text-align: center;
}

.feature-text {width: 70%;}

.sub-title {font-size: 12px;}

.height-100px {height: 100px;}

@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}

.icon-pool-web {width: 51px;height: 36px;position: absolute;left: 25px;top: 50%;transform: translateY(-50%);}

/* ------------------------------------------------- mobile ---------------------------------------------- */

.m-bottom_footer{background-color: #111e2a; padding: 10px 0; height: 70px; position: relative;bottom: 0;width: 100%;}
.m-top_banner{background:transparent  url(/assets/images/m_top_bg.png)  no-repeat top center; background-size: 100% 100%; width: 100vw; min-height: 1466px}
.m_bg_main {background:transparent  url(/assets/images/m_main_bg.png)  no-repeat top center; background-size: cover;width: 100vw; min-height: 91vh;}
.m-top_banner h4{font-size:16px;color:#FFFFFF;text-align:left;font-weight:500;}
.m-top_banner h3{font-size:20px;color:#FFFFFF;text-align:left;font-weight:600;}
.m-top_banner p{font-size:12px;color:#FFFFFF;text-align:left;}

.m-copyright {font-size: 10px; margin: 0; display: inline-block;}

.menu-logo {max-width: 120px;height: auto;width: 35vw;}
.menu-logo2 {width: 80%;Margin: Auto;}
.menu-close {width: 8px;height: 14px;}

.menu-top {margin: 20px 7px;display: flex;align-items: center;}
.menu-top img:last-child {margin-left: auto;}

.menu-icon {margin-left: 11px;margin-right: 7px;}
.menu-list {cursor: pointer;height: 40px;margin: 0 15px;}
.menu-lang{padding-top: 25px; margin-left: 5px;}


.lang-text {font-size: 12px;}

.pd_le_30 { padding-bottom: 3px; padding-left: 30px;}

.menu-lang-content {margin-bottom: 7px; width: 98px; background: #3e3e3e;  border-radius: 15px; padding: 0px 4px 3px;}
.menu-lang-content img {opacity: 1; margin-left: -1px; vertical-align: bottom;}
.menu-lang-content span {opacity: 0.4; line-height: 15px; display: inline-block;color:#ffffff;}
.menu-lang-content.active {border: 1px solid  #E5E7E9;background: #ffffff;  border-radius: 15px; padding: 0px 4px 3px;}
.menu-lang-content.active img {opacity: 1; margin-left:-1px; vertical-align: bottom;}
.menu-lang-content.active span {opacity: 1; line-height: 15px; display: inline-block;color:#000000;}


.logo-mobile {width: 65px;height: 30px;}


.m-btn-connect {background: #f54;color:#FFFFFF;border-radius: 12px;width: 65px;height: 20px;padding: 3px 9px;font-size: 11px;display: flex;justify-content: center;align-items: center;float:right;}
.m-btn-connect a {color:#FFFFFF;opacity: 0.7;}
.m-btn-connected {background: #707070;color:#FFFFFF;border-radius: 12px;width: 60px;height: 20px;padding: 3px 9px;font-size: 11px;display: flex;justify-content: center;align-items: center;float:right;}
.navbar-mobile {display: flex;justify-content: space-between;align-items: center;}
.container-mobile {width: 100%;padding: 0 10px;}


.header-mobile {padding: 3px 10px;display: flex;justify-content: space-between;align-items: center;background: #000;}

/* mobile main */
.m-total-box {width: 100%;height: 168px;background: transparent linear-gradient(120deg, #4734EC 0%, #00D1A9 100%) 0% 0% no-repeat padding-box;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;border-radius: 7px;align-items: center;margin-bottom: 10px;}

.m-total-staking p {margin: 0; font-size: 28px; text-align: center; padding-top: 21px; padding-bottom: 6px; font-weight: 600;}
.m-total-staking > span {font-size: 14px; display: inline-block; width: 100%; text-align: center; padding-bottom: 33px;}

.m-staking-reward {font-size: 13px; margin-left: 30px;  margin-right: 30px; }
.m-staking-reward span:last-child {display: inline-block; float: right;}



.m-box-title {color: #ffffff;font-size: 18px;letter-spacing: 0;font-weight: 500;margin-bottom: 17px; text-align: center;}

.m-box-content {letter-spacing: 0;color: #272727;font-size: 12px;}




.m-box-content {letter-spacing: 0px;color: #FFFFFF;opacity: 1;font-size: 13px;}
.m-box-content table {width: 100%; margin-top: 30px;}
.m-box-content table td {font-size: 13px; }
.m-box-content table td:last-child {font-weight: 500; text-align: right; padding: 5px 0px;}

.m-bg-main {background: transparent url('/assets/images/m-bg-main.png') no-repeat bottom center;background-size: cover;}

.m-gray-line {height: 1px;background: #CFCFCF;}
.m-gray-line-long {height: 1px;background: #CFCFCF;margin-top: 13px;margin-bottom: 13px;}
.m-green-line-long {height: 2px;background: #BFEF4B; width: 168px;}
.m-green-line {height: 2px;background: #BFEF4B; width: 140px;}
.m-green-line-small {height: 2px;background: #BFEF4B; width: 112px;}

.flex-evenly {display: flex;justify-content: space-evenly;}

.pd_le_15 {padding-left: 15px; padding-bottom:3px;}

.m-white-box-medium {    width: 100%; min-height: 112px;background: transparent linear-gradient(113deg, #111e2a 0%, #bd4c01 100%) 0% 0% no-repeat padding-box;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;border-radius: 7px;padding:20px 0 35px 0;font-size: 14px;}
.m-white-box-medium2 {    width: 100%; min-height: 112px;background: transparent linear-gradient(113deg, #4734EC 0%, #00D1A9 100%) 0% 0% no-repeat padding-box;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;border-radius: 7px;padding: 19px 0;font-size: 14px;}

/* market table */
.m-market-table {margin-left: 15px;}
.m-market-table table { width: 100%; margin-top: 15px;}
.m-market-table table td{ font-size: 12px; vertical-align: bottom;}
.m-market-table table td p{ font-size: 10px; color: rgba(255, 255, 255, 0.7); margin: 0;}
.m-market-table table td:last-child { text-align: right; padding-right: 15px;}
.m-market-table table td:last-child span.usdt-color{ font-weight: 400; color: #ffffff; }


.m-color-green { color: #BFEF4B !important; font-weight: 500 !important; font-size: 14px !important;}

.m-table-title {
	font-size: 13px;
	letter-spacing: 0;
	font-weight: 600;
}

.m-available-table {width: 100%;text-align: center;font-size: 11px;letter-spacing: 0px; background: #ffffff; border-radius: 7px;}
.m-available-table th {letter-spacing: 0px;font-weight: 400;font-size: 12px; padding: 5px 10px; border-bottom: 1px solid #E5E7E9;}
.m-available-table thead {background: #ffffff;height: 40px;border-bottom: 1px solid #E5E7E9;}
.m-available-table tbody tr {height: 60px;border-bottom: 1px dashed #AFAFAF;}
.m-available-table tbody tr:last-child {border-bottom: none;}


.m-available-table-2 {width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 7px; text-align: center; font-size: 11px; letter-spacing: 0px;}
.m-available-table-2 th {letter-spacing: 0px;font-weight: 400;font-size: 12px; padding: 5px 10px; border-bottom: 1px solid #E5E7E9; word-break: keep-all;}
.m-available-table-2 thead {height: 40px;}

.m-available-table-2 tbody tr {border-bottom: 1px dashed #E5E7E9;height: 60px;font-size: 11px;}
.m-available-table-2 tbody tr:last-child {border-bottom: none;}
.m-available-table-2 tbody tr td {padding: 10px;     word-break: keep-all;}
.m-available-table-2 tbody td:nth-child(3) { padding: 0px 5px;text-align: right;}

.m-table-icon {width: 21px;height: 14px;}

.m-btn-deposit {margin: auto;background: transparent linear-gradient(129deg, #6D5AFB 0%, #FF3A76 100%) 0% 0% no-repeat padding-box;width: 100%;border-radius: 17px;display: flex;justify-content: center;align-items: center;color: #FFFFFF;cursor: pointer;padding: 5px}

.m-white-box-large-thin {
	height: 145px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 10px 0px;
	font-size: 11px;
	justify-content: space-evenly;
	color: #ffffff;
	line-height: 18px;
}

.m-white-box-large-medium {
	height: 160px;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 18px;
	font-size: 13px;
}

.m-deposit-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 10px;
	margin-bottom: 8px;
}

.m-btn-question {
	cursor: pointer;
	width: 14px;
	height: 17px;
}

.m-btn-harvest {
	width: 68px;
	height: 24px;
	background: #1A96CE;
	border-radius: 17px;
	color: #FFFFFF;
	letter-spacing: 0px;
	font-size: 11px;
	cursor: pointer;
}

.m-gray-horizon {
	height: 1px;
	background: #CFCFCF;
	margin: 18px 0;
}

.m-staking-balance {
	align-self: flex-end;
	font-size: 13px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.m_icon_back {
	position: absolute;
	top: 53px;
	left: 15px;
	cursor: pointer;
	z-index: 1030;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 21px;
}

.m-deposit-withdraw-box {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
.m-tab-deposit {
	display: flex;

}

.m-tab-content-deposit {
	width: 50%;
	height: 42px;
	font-size: 16px;
	color: #ffffff;
	background: #E5E7E9;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px 0px 0px 0px;
}

.m-tab-content-deposit.active {
	opacity: 1;
	background: #1A96CE;
}

.m-tab-content-withdraw {
	width: 50%;
	height: 42px;
	font-size: 16px;
	color: #ffffff;
	background: #E5E7E9;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px 5px 0px 0px;
}

.m-tab-content-withdraw.active {
	background: #1A96CE;
	opacity: 1;
}

.m-white-box-pool {
	min-height: 160px;
	background: #FFFFFF;
	border-radius: 0px 0px 5px 5px;
	padding: 22px;
}

.m-icon-eth {width: 18px;	height: 18px;}

.m-btn-deposit-send {
	width: 68px;
	height: 25px;
	background: transparent linear-gradient(129deg, #6D5AFB 0%, #FF3A76 100%) 0% 0% no-repeat padding-box;
	border-radius: 17px;
	font-size: 11px;
	color: #ffffff;
	position: absolute;
	right: -103%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 2px;
	margin-top: 40px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
}

.m-btn-withdraw-send {
	width: 100%;
	height: 50px;
	background: #E5E7E9;
	border-radius: 17px;
	font-size: 11px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 2px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
}
.m-btn-withdraw-send.active {
	width: 100%;
	height: 50px;
	background: transparent linear-gradient(129deg, #28a745 0%, #bfef4b 100%) 0% 0% no-repeat padding-box;
	border-radius: 17px;
	font-size: 11px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 2px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
}

.m-badge-d {width: 59px;height: 20px;border-radius: 3px;color: #0A9B00;padding: 2px 3px;font-size: 11px;}

.m-badge-w {width: 59px;height: 20px;border-radius: 3px;color: #FEA100;padding: 2px 3px;	font-size: 11px;}

.m-badge-h {width: 59px;height: 20px;	border-radius: 3px;color: #8458FF;padding: 2px 3px;font-size: 11px;}

.m-swap-eth-icon {width: 23px;height: 30px; margin-right: 3px;}

.m-time-check {
	min-width: 280px;
	height: 61px;
	background: #FF8077;
	border-radius: 58px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 100px;
	letter-spacing: 0px;
	padding: 15px 30px;


}

.m-time-check-b {
	min-width: 280px;
	height: 61px;
	background: transparent linear-gradient(152deg, #6D5AFB 0%, #E9183F 100%) 0% 0% no-repeat padding-box;
	border-radius: 58px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 100px;
	letter-spacing: 0px;
	padding: 15px 30px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
}

.m-count {margin-bottom: 5px;display: flex;align-items: center;}

.m-swap-bg-b {background: transparent url('/assets/images/m-swap-bg-b.png') no-repeat bottom center;background-size: cover;min-height: 50vh;}
.m-pool-bg {background: transparent url('/assets/images/m-pool-bg.png') no-repeat bottom center;background-size: cover;min-height: 50vh;}

.m-coming-img {width: 105px;height: 170px;}

.m-event-content {position: absolute;    top: 215px;}

.m-event-title {text-align: center;font-size: 24px;font-weight: 600;}

.m-event-text {min-width: 277px;height: 82px;display: flex;justify-content: center;	align-items: center;flex-direction: column;margin-top: 15px;}

.m-ready-title {
	font-size: 13px;
	letter-spacing: 0px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	margin-bottom: 15px;
}


.m-ready-content {
	font-size: 13px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}

.m-login-bg {
	background-image: url('/assets/images/intro_bg_m.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: 1px solid #707070;
	width: 100%;
	height: 100%;
}

.m-intro-content {

	margin-top: 97px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m-intro-content img{
	min-width: 221px;
	height: 51px;

}

.m-icon-pool {
	min-width: 17px;
	height: 28px;
}



/* market table */
.market-table table { width: 100%; margin-top: 30px;}
.market-table table td{ font-size: 16px; vertical-align: top;}
.market-table table td p{ font-size: 12px; color: rgba(255, 255, 255, 0.7); margin: 0;}
.market-table table td:last-child { text-align: right;}
.market-table table td:last-child span{ font-weight: 600; color: #BFEF4B; }
.market-table table td:last-child span.usdt-color{ font-weight: 500; color: #ffffff; }




@keyframes slideUp {
	from {
		transform: translateY(80%);

	}


	to {
		transform: translateY(-50%);

	}
}
.m-rocket-ready {
	position: fixed;
	display: flex;
	top: 50%;
	justify-content: center;
	align-items: center;
	width: 100%;
	animation-duration: 1.5s;
	animation-name: slideUp;
	animation-iteration-count: 1;
	transform: translateY(-50%);
}

.m-rocket-ready img {
	min-width: 72px;
	height: 273px;
}

/* 로그인 */
.full-bottom{display: block;position:relative;}
.page-build{display:none;}
#page-transitions{left:0px; right:0px; display:block; overflow:hidden;}
.gradient-body-2{background:#ecf3f4;}
.gradient-body-3{background: #F6F6F6; overflow: hidden; height: 100vh; background-size: cover;}
.gradient-body-2.login-bg{overflow: hidden; background-size: cover; background-color: #2f353a;position: relative;padding-top: 95px;min-height: 1250px;z-index:1}
.gradient-body-2.m-login-bg{overflow: hidden; height: 100vh; background-size: cover; background-color: #2f353a;}
.gradient-body-2.white{background: #ffffff;}.main-content2 {text-align: center;    margin: 30px 50px 0;}





.intro-logo-img {
    text-align: center;
    margin-top: 66px;
    margin-bottom: 60px;
}

.intro-logo-img img {
    width: 100%; max-width:250px;margin:auto;
}

.intro-logo-img-frame {
    text-align: center;
    animation: loader88 .2s normal forwards ease-in-out;
    z-index: 9999999999;
    top: 10%;
}

.intro-logo-img-frame img {
    width: 139px;
    height: 135px;
    max-width:700px;
    margin:auto;
    animation: loader8 .3s normal forwards ease-in-out;
    z-index: 9999999999;
}




/* 회원가입 */
.register-title {
    margin: 0;
    text-align: left;
    color: #000000;
    font-size: 16px;
	display: inline-block;
	width: 190px;
}

.m-register-title {
    margin: 0;
    text-align: left;
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

.m-edit-notion{
	margin: 0;
    text-align: left;
    color: #ff0000;
    font-size: 13px;
    font-weight: 400;
}

.m-edit-btn{float: right;margin-right: 15px;}

.resister-text {
    text-align: left;
    margin-top: 50px;
}

.resister-text p {
    margin-bottom: 0;
    line-height: 21px;
    color: #000000;
    opacity: 0.5;
}

.secure-title {
    text-align: center;
    color: #000000;
    font-size: 16px;
}

.secure-ok-button {
    display: inline-block;
    width: 78px;
    height: 43px;
    border-radius: 22px;

}

.secure-ok-button div {
    padding-top: 12px;
}

.secure-img {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 20%;
}
.m-secure-img {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 75%;
}
.secure-img div {
    width: 25%;
    text-align: center;
}

.secure-img > div img {
    margin: auto;
}
.lan-absolute{position:absolute;left:13px;top:14px;z-index:2;width:24px;text-align:center;}






.button-controller-next-menu{position:fixed;bottom:63px;left:0;right:0;z-index:100;}
.button-controller-next a{background:#9e0b1b;color:#ffffff;height:60px;border-radius:0;width:100%;padding:10px;}
.button-controller-next-menu a{background:#9e0b1b;color:#ffffff;height:60px;border-radius:0;width:100%;padding:10px;}
.sign-up-input {width:30%!important;}
.sign-up-id-input {width:calc(30% - 105px)!important;}
.sign-up-back {margin-left:30%!important;}
.btn_check{width:100px;margin-left:5px;}

/* 로딩 */
.loader_bg{
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 0 0 0;
    z-index: 999999;}
.loader {
  background: #fff;
  width: 48px;
  height: 48px;
  position: fixed;
  text-align: center;
  animation: 3s rotate linear infinite;
   top: 50%;
    left: 47%;
    z-index: 999998;
    border: 1px solid #000;
}
.loader:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(315deg, #0089B4 0%, #7F75FF 49%, #C720A5 100%);
	border: 1px solid #fff;
  animation: 1.5s rotate reverse linear infinite ;

}
@keyframes rotate {
  0%{    transform: rotate(0deg)}
  100%{    transform: rotate(360deg)}
}


@keyframes loader9 {
	0%   { transform: rotate(0deg); }
	30%   { transform: rotate(60deg); }
	50%   { transform: rotate(180deg); }
	80%   { transform: rotate(240deg); }
	100% { transform: rotate(360deg); }
}


/* input */

#select-address option {color:#000000}

/* notification */
.notification-large strong {
	ont-size: 15px;
    color: #FFFFFF;
	font-weight: 400;
}

.m-notification {
	margin-left :60px;
}
.nft_cnt_row {justify-content: center;margin-bottom: 15px;}
.nft_cnt_row div {background: rgba(0, 0, 0, 0.4);border-radius: 10px;padding: 10px;}
.nft_cnt_row span {color: #ffff;font-size: 20px;}



/* notification-large */
.notification-large-1{display: flex;}
.notification-large-1 .notification-icon{width: 65px;background-color: rgba(0,0,0,0.1);}
.notification-large-1 .notification-icon i {position:relative;height:50px;top:50%;text-align:center;font-size:24px;color:#FFFFFF;background:none;transform: translateY(-50%);}
.notification-large-1 h1{font-size:16px; color:#FFFFFF;}
.notification-large-1 p{font-size:12px; color:#FFFFFF;margin-bottom: 0;word-break: break-all;line-height: 22px;}
.button-half-3 {width:45%;font-size:14px;padding:5px 0;margin:0;display:inline-block;border-radius:5px;color: #fff !important;}


.edit_input:disabled{background: #757575;color: #000;}
.edit_notion:disabled{margin-left: 195px;background:#ffffff;color: #ff0000;}


.register-wait h2 {color: #FFFFFF}
.register-wait a {line-height: 35px;}

.find_account_textbox {background: #ffffff;border-radius: 10px;width: 100%;font-size: 14px;letter-spacing: 0px;padding:30px;text-align: center;}
.find_account_textbox div {position: relative;margin-bottom: 20px;}
.find_account_textbox span {position: absolute;top: 8px;left: 11px;color: #000000;font-size: 16px;font-weight: 500;}
.find_account_textbox input {text-indent: 70px;border-bottom: 1px solid #000;height: 38px;color: #000;}
.find_account_textbox button {width: 45%;height: 45px;}

.input-register-icon {
    display: flex;
    align-items: center;
}

.input-register-icon span {
    position: absolute;
    left: 20px;
    top: 12px;
    font-size: 13px;
    color: #F5F5F5;

}

@media only screen and (max-height: 690px) {
	.index_blankbox {height: 13vh;}
}

@media only screen and (max-height: 510px) {
	.index_blankbox {height: 0vh;}
}

@media only screen and (max-width: 1024px) {
	.col-sm-12 {
		flex: 100%;
	}
	.big-number-bold {font-size: 24px;}
	.progress-line {width: 100%;}

	.alert-warning {
		width: 90%; height: 177px; padding: 8px; font-size: 13px; border-radius: 5px;
	}

	.alert-confirm {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.btn-close {
		width: 23px !important;
		height: 23px !important;
	}

	.sign-up-input {width:30%!important;}
	.sign-up-id-input {width:calc(30% - 105px)!important;}
	.sign-up-back {margin-left:30%!important;}
}


@media only screen and (max-width: 992px) {
	.col-sm-12 {
		flex: 100%;
	}
	.big-number-bold {font-size: 24px;}
	.progress-line {width: 100%;}

	.alert-warning {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.alert-confirm {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.btn-close {
		width: 23px !important;
		height: 23px !important;
	}

	.tooltiptext-1 {
		visibility: hidden;
		background-color: rgba(255, 255, 255, 0.7);
		color: #000000;
		text-align: center;
		border-radius: 6px;
		padding: 10px;

		/* Position the tooltip */
		position: absolute;
		z-index: 1;
		bottom: 100%;
	}

	.tooltip-1 {
		position: relative;
		display: inline-block;
	}

	.sign-up-input {width:40%!important;}
	.sign-up-id-input {width:calc(40% - 105px)!important;}
	.sign-up-back {margin-left:20%!important;}
	.click_div {display: none;}

	.my_page_top {margin-top: 0px;}
	.buff_page_top{margin-top:15px;}

	.white-box-large-thin{ width: 100%; height: 190px;}
}

@media only screen and (max-width: 740px) {
	.input-login-field{width:75%}
	.login-left{left:15%}
	.sign-up-input {width:65%!important;}
	.sign-up-id-input {width:calc(64% - 105px)!important;}
	.sign-up-back {margin-left:10%!important;}
	.my_popup .my_popup_content{width:92%;}
	.find_account_textbox button {width: 100%;}
	.tooltip_ad .tooltiptext{width: 180px;}
}

@media only screen and (max-width: 580px) {
	.col-sm-12 {
		flex: 100%;
	}
	.m-top_banner h4{font-size:16px;color:#FFFFFF;text-align:left;font-weight:500;}
	.m-top_banner h3{font-size:20px;color:#FFFFFF;text-align:left;font-weight:600;}
	.m-top_banner p{font-size:12px;color:#FFFFFF;text-align:left;}
	.title_default_light h4, .title_default_light p, .title_default_light h5 {line-height:20px;}
	.alert-warning {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.alert-confirm {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.btn-close {
		width: 23px !important;
		height: 23px !important;
	}

	.input-login-field{width:100%}
	.login-left{left:0}
	.sign-up-input {width:100%!important;}
	.sign-up-id-input {width:calc(100% - 115px)!important;}
	.register-title {display: block;}
	.button-controller-single{position: relative;}
}

@media only screen and (max-width: 375px) {

	.m-top_banner h4{font-size:16px;color:#FFFFFF;text-align:left;font-weight:500;}
	.m-top_banner h3{font-size:20px;color:#FFFFFF;text-align:left;font-weight:600;}
	.m-top_banner p{font-size:12px;color:#FFFFFF;text-align:left;}
	.title_default_light h4, .title_default_light p, .title_default_light h5 {line-height:25px;}
	.alert-warning {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.alert-confirm {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.btn-close {
		width: 23px !important;
		height: 23px !important;
	}
}

@media only screen and (max-width: 375px) and (min-height: 736px) {

	.m-top_banner h4{font-size:16px;color:#FFFFFF;text-align:left;font-weight:500;}
	.m-top_banner h3{font-size:20px;color:#FFFFFF;text-align:left;font-weight:600;}
	.m-top_banner p{font-size:12px;color:#FFFFFF;text-align:left;}
	.title_default_light h4, .title_default_light p, .title_default_light h5 {line-height:20px;}
	.alert-warning {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.alert-confirm {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.btn-close {
		width: 23px !important;
		height: 23px !important;
	}
}

@media only screen and (max-width: 320px) {
	.m-top_banner p{font-size:11px !important;}
	.m-top_banner h4{font-size:16px;color:#FFFFFF;text-align:left;font-weight:500;}
	.m-top_banner h3{font-size:20px;color:#FFFFFF;text-align:left;font-weight:600;}
	.m-top_banner p{font-size:12px;color:#FFFFFF;text-align:left;}
	.title_default_light h4, .title_default_light p, .title_default_light h5 {line-height:20px;}
	.alert-warning {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.alert-confirm {
		width: 90%; height: 177px; padding: 8px; font-size: 13px;border-radius: 5px;
	}

	.btn-close {
		width: 23px !important;
		height: 23px !important;
	}
}


.alert-title {
	font-weight: bold;
	font-size: 22px;
}