@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap'); */
/*media : min-width(768, 992, 1200)*/
/*media : max-width(1400, 1200, 1100, 1020, 1000, 960, 950, 900, 890, 860, 845, 800, 770, 767, 765, 750, 700, 660, 600, 590, 588, 510, 500, 490, 470, 450, 430, 360, 320)*/
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css'); */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
	--primary: #d70606;
	--sub-primary: #101010;
	--bg: #fff;
	--bg1: #fff;
	--onsurface: #23262f;
	--surface: #f7f7f7;
	--line: #e5e5e5;
	--text: #777e90;
	--second: #58bd7d;
	--green: green;
	--red: red;
}

* {
	font-family: 'DM Sans', sans-serif;
	/* font-weight: 300; */
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	font-size: 14px;
	line-height: 1.428571429;
	/*    background: #e9e9e9;*/
	/* background: #fcfdff; */
	/* background: #fff; */
	background: var(--bg);
	font-size: 14px;
	font-weight: normal;
	/* color: #000; */
	color: var(--text);
	margin: 0;
}
body.modal-active {
	overflow: hidden;
}

html,
body {
	height: 100%;
	margin: 0;
}

button {
	cursor: pointer;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	outline: none;
}

a {
	color: #fff;
	text-decoration: none;
}

p a {
	color: #0b0080;
}

a:hover,
a:focus {
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

a,
a:hover,
a:active,
button,
select,
input {
	outline: 0px !important;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

h1,
h2,
h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: normal;
}

h4 {
	font-weight: normal;
}

p {
	margin: 0 0 10px;
}

ul,
ol {
	margin-top: 0;
	margin-bottom: 10px;
	list-style: none;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 0;
}

dl {
	margin-top: 0;
	margin-bottom: 20px;
}

dt,
dd {
	line-height: 1.428571429;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
}

table {
	max-width: 100%;
	background-color: transparent;
}

th {
	text-align: left;
}

table col[class*='col-'] {
	position: static;
	float: none;
	display: table-column;
}

table td[class*='col-'],
table th[class*='col-'] {
	float: none;
	display: table-cell;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

label {
	display: inline-block;
	margin-bottom: 5px;
}

input[type='search'] {
	box-sizing: border-box;
}

input[type='radio'],
input[type='checkbox'] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	/* IE8-9 */
	line-height: normal;
}

input[type='file'] {
	display: block;
}

select[multiple],
select[size] {
	height: auto;
}

select optgroup {
	font-size: inherit;
	font-style: inherit;
	font-family: inherit;
}

input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
	height: auto;
}

output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.428571429;
	color: var(--primary);
	vertical-align: middle;
}

h1 {
	font-size: 48px;
	color: #000;
	margin: 35px 0 25px 0;
	text-align: center;
}

h2 {
	font-size: 22px;
	color: #000;
	margin: 35px 0 25px 0;
	text-align: center;
}

h3 {
	color: #000;
	font-size: 16px;
	margin: 0 0 5px 0;
}

h6 {
	font-size: 16px;
	color: #000;
	/* text-align: center; */
	margin: 0 0 60px 0;
}

p {
	line-height: 24px;
	margin: 0;
}

input[type='checkbox'] {
	display: none;
}

input[type='checkbox'] + label span.check {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 4px 10px 0 0;
	vertical-align: middle;
	background: url(../image/checkbox.png) left top no-repeat;
	cursor: pointer;
}

input[type='checkbox']:checked + label span.check {
	background: url(../image/checkbox.png) -14px top no-repeat;
}

.fab {
	font-family: Font awesome\5 Brands;
}

.fa,
.fab,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding: 0 0px;
}

/* .container:before,
.container:after {
	content: ' ';
	display: table;
}

.container:after {
	clear: both;
}

.container:before,
.container:after {
	content: ' ';
	display: table;
}

.container:after {
	clear: both;
} */

.contact {
	max-width: 1140px;
}

.bitbay-home {
	display: none;
}

/*add main market*/
.bitbay-25 {
	width: 20%;
}

.bitbay-25.col-xs-1-5.coin {
	text-align: left;
	padding-left: 53px !important;
}

.bitbay-25.col-xs-100 {
	text-align: right;
}

.bitbay-25 .col-sm-6 {
	width: 100%;
	text-align: right;
}

.bitbay-25 .col-sm-6.main_updown {
	padding-right: 30px;
}

.bitbay-main .row .bitbay-25 {
	padding: 20px 0 20px 0;
}

#main_market .row a {
	width: 20%;
}

.bitbay-main .row .coin {
	width: 100%;
}

.col-sm-6ecf {
	padding-right: 30px;
}

/*end main market*/

.authCenter {
	text-align: center;
	width: 100%;
}

.tit_n_ty01 {
	display: none;
}

/*paging list*/
.pagination-custom {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 0;
}

.pagination-custom li {
	cursor: pointer;
}

/*paging list end*/

.row:before,
.row:after {
	content: ' ';
	display: table;
}

.row:after {
	clear: both;
}

.row:before,
.row:after {
	content: ' ';
	display: table;
}

.row:after {
	clear: both;
}

.col-xs-135 {
	width: 16%;
	float: left;
	position: relative;
}

.col-xs-125 {
	width: 12%;
	float: left;
	position: relative;
	text-align: right;
}

.col-xs-125 {
	padding-top: 20px;
}

.main-title .col-xs-125,
.main-title .col-xs-135 {
	text-align: center;
}

.bitbay-main .button {
	text-align: center;
}

.col-bk-2,
.col-bk-10,
.col-bk-8,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-1-5,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
}

.col-xs-1,
.col-xs-1-5,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	float: left;
}

.col-xs-12 {
	width: 100%;
}

.col-xs-11 {
	width: 91.66666666666666%;
}

.col-xs-10 {
	width: 83.33333333333334%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-8 {
	width: 66.66666666666666%;
}

.col-xs-7 {
	width: 58.333333333333336%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-5 {
	width: 41.66666666666667%;
}

.col-xs-4 {
	width: 33.33333333333333%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-2 {
	width: 16.666666666666664%;
}

.col-xs-1-5 {
	width: 12.5%;
}

.col-xs-1 {
	width: 8.333333333333332%;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.table {
	width: 100%;
	margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	vertical-align: middle;
	border-top: 1px solid #dddddd;
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #dddddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}

.table > tbody + tbody {
	border-top: 2px solid #dddddd;
}

.table .table {
	background-color: #ffffff;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: #f5f5f5;
}

.container {
	position: relative;
}

.figure {
	margin: 0px;
}

.b000 {
	color: #000 !important;
}

.g999 {
	color: #999 !important;
}

.cc0033 {
	color: #cc0033 !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.w80 {
	width: 80px;
}

.w100 {
	width: 100px;
}

.h50 {
	height: 50px;
}

.h568 {
	height: 568px;
}

.up {
	color: #cc0033 !important;
}

.down {
	color: #0066cc !important;
}

.bitbay {
	min-height: calc(100% - 240px);
}

.footer_section {
	/* margin-top: 30px; */
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

/* Header Styles---------------------------------*/
.headerWrap {
	/* background-color: var(--primary); */
	/* position: fixed; */
	width: 100%;
	/* z-index: 999999; */
}

#header_outer {
	/* min-height: 110px; */
	/* border-bottom: 1px solid #464d59; */
	background-color: transparent;
	/* padding: 18px 0; */
}

.header_section {
	position: relative;
}

.logo {
	/* float: left; */
}

.res-nav_click {
	display: none;
}

/* Nav Styles---------------------------------*/
/*
.nav {
    width: 100%;
    z-index: 999999;
}
*/

.nav ul {
	list-style: none;
	padding: 0px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.nav ul.toggle {
	display: none;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	margin-bottom: 0;
}

.nav ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13px 16px;
}
.nav ul li:hover {
	background-color: var(--sub-primary);
}
.nav ul li:hover a {
	color: #fff;
}

.nav ul li a {
	display: block;
	color: var(--onsurface);
	font-size: 16px;
	font-weight: 700;
}

.nav ul li.active {
	background-color: var(--sub-primary);
}
.nav ul li.active a {
	color: var(--surface);
}

.nav ul .bitpay-nav-right {
	/*    float: right;*/
	/*    border: 1px solid #666666;*/
	/*
    width: 100px;
    padding: 4px 0 3px 0;
*/
	text-align: center;
	/*    margin: 0 5px;*/
}

.nav ul .bitpay-nav-right .select {
	padding: 5px 20px !important;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	color: #ffffff;
	font-weight: normal;
}

.nav ul .lang {
	/*
    background-color: #666;
    border: 1px solid #666666;
*/
	/*    width: 65px;*/
	/*    margin-right: 0;*/
	border: none;
}

.nav ul .bitpay-nav-right a {
	font-size: 14px;
	color: var(--primary);
	font-weight: bold;
}

.nav ul .bitpay-nav-right.active a {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 4px 20px;
	border-radius: 5px;
}

.nav ul .email {
	font-size: 14px;
	border: 0;
	width: auto;
	padding: 7px 10px 0 10px;
}

.nav ul .asset {
	font-size: 15px;
	border: 0;
	width: auto;
	padding: 5px 10px 0 10px;
}

.nav ul .lang {
	position: relative;
}

.fa-globe:before {
	content: '\f0ac';
}

.nav ul .lang:hover ul {
	display: block;
	padding: 0;
}

.nav ul .lang ul {
	display: none;
	border: 1px solid #999;
	margin-top: 9px;
}

.nav ul .lang li {
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	border-top: 1px solid #e9e9e9;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.nav ul .lang li a {
	width: 100%;
	background-color: #fff;
	color: #999;
	height: 31px;
	padding-top: 5px;
}

.nav ul .lang li:first-child {
	border-top: 2px solid #fff;
}

.nav ul .lang li:last-child {
	border-bottom: 2px solid #fff;
	height: 34px;
}

.nav ul .lang li.active a {
	background-color: #666666;
	color: #fff;
}

.nav ul .lang li a:hover {
	background-color: #666666;
	color: #fff;
}

.m_asset {
	/* height: 34px; */
	padding-top: 6px;
}

.m_email {
	/* height: 34px; */
	/* padding-top: 6px; */
	padding: 5px 10px;
}

.m_email::after {
	content: '';
	clear: both;
	display: block;
}

.m_email p.my_email {
	width: 70%;
	display: inline-block;
	float: left;
	padding: 5px 0;
	line-height: 30px;
}

.m_email a {
	width: 30%;
	display: inline-block;
	float: right;
	padding: 5px;
	background-color: #fd961a;
}

/* Top_content---------------------------------*/
#maintop {
	width: 100%;
	/*
    padding: 200px 0 43px 0;
    position: relative;
*/
	/* background: url(../../assets/image/main_bg.jpg) no-repeat center center; */
	/* background-size: cover; */
	/* padding: 290px 0 43px 0; */
	padding: 139px 0 0 0;
}

.top_cont_outer {
	background: #f9f9f9;
	position: relative;
}

.top_cont_inner {
	background: url(../img/white_pad.png) no-repeat right bottom;
}

.top_content {
	position: relative;
	padding-top: 50px;
}

.white_pad {
	position: relative;
	right: 0px;
	bottom: 0px;
}

.white_pad img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.top_left_cont {
	padding: 110px 0;
}

.top_left_cont h3 {
	font-size: 16px;
	color: #f56eab;
	margin: 0 0 20px 0;
	text-align: left;
	font-weight: 700;
}

.top_left_cont h2 {
	font-size: 40px;
	color: #111111;
	line-height: 52px;
	margin: 0 0 26px 0;
	text-align: left;
	font-weight: 700;
}

.top_left_cont p {
	font-size: 16px;
	color: #888888;
	margin: 0 0 30px 0;
	line-height: 26px;
}

a.learn_more2 {
	display: block;
	font-size: 16px;
	color: #ffffff;
	background: #49b5e7;
	width: 178px;
	height: 46px;
	line-height: 46px;
	border-radius: 3px;
	text-align: center;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

a.learn_more2:hover {
	background: #222222;
}

.rounded {
	border: 1px solid #dedede;
	/* border-left: 2px solid #dedede; */
	/* border-radius: 7px; */
	/* box-shadow: 2px 2px 2px 0px rgba(222, 222, 222, 1); */
	box-shadow: 1px 1px 1px 0px rgba(222, 222, 222, 0.5);
	background-color: #fefefe;
}

.lang_mobile {
	height: 36px;
}

.lang_mobile select {
	border: 0;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding: 5px 20px 7px 35px;
	-moz-text-align-last: center;
	text-align-last: center;
}

.bitbay-alert-ok,
.bitbay-alert-close {
	background-color: #fefefe;
	border: 0;
	display: block;
	width: 100%;
	color: #fff;
	padding: 10px 0 8px;
	font-size: 16px;
	border-top: 1px solid #ccc;
	color: #999;
}

button.bitbay-alert-ok:hover,
button.bitbay-alert-close:hover {
	color: #fefefe;
	background-color: #ccc;
}

button.btn-delete {
	background-color: #fefefe;
	border: 0;
	display: block;
	width: 100%;
	color: #fff;
	padding: 10px 0 8px;
	font-size: 16px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: red;
}

.main_popupModal {
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	/* background-color: rgba(0, 0, 0, 0.5); */
}

.mainpopupClose {
	font-size: 12px;
	margin: 0;
	padding: 0;
	/* position: absolute; */
	background-color: var(--primary);
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	/* width: 40px; */
	height: 25px;
	border-top: none;
	border: 1px solid #aaa;
	/* color: #aaa; */
	color: #fefefe;
	line-height: 25px;
	/* right: 15px;
    bottom: 4.5px; */
	border: none;
	height: 100%;
	float: right;
	padding: 0 10px;
}

.bitbay-error-alert-ok {
	width: 150px;
	height: 30px;
	border: none;
	background-color: #333;
	color: #fff;
	margin-left: calc(50% - 75px);
}

/* main banner */
.banner {
	width: 100%;
	/* position: relative; */
	/* height: 293px; */
	overflow: hidden;
}

.banner .number {
	background-color: #666666;
	display: inline-block;
	margin: 0 5px;
	width: 24px;
	position: relative;
	z-index: 999;
	border: 0;
	height: 4px;
}

.banner .active {
	background-color: #cccccc;
}

.banner-box img {
	float: left;
}

.banner-box a {
	float: left;
}

.banner-box {
	position: absolute;
}

.slide_no1 {
	position: absolute;
	bottom: 4%;
	width: 100%;
}

.slide_no2 {
	text-align: center;
	margin: 0 auto;
}

#banner {
	background-color: #252525;
	padding-top: 53px;
}

#notice {
	background-color: #131313;
}

#notice a {
	text-align: center;
	display: block;
	width: 100%;
	padding: 9px 0;
	color: #fefefe;
}

#notice a i {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -4px;
}

#notice a:hover {
	color: var(--primary);
}

#stock {
	padding: 0 10px;
	padding-top: 20px;
}

#why {
	/*
    padding-left: 10px;
    padding-right: 10px;
*/
	padding: 50px 0 50px 0;
}

#why > .container > .row {
	display: flex;
	flex-wrap: wrap;
	/*
    margin-right: -15px;
    margin-left: -15px;
*/
	margin: 0 -5px;
}

#why > .container > .row > .col-md-6 {
	-webkit-box-flex: 0;
	max-width: 50%;
	flex: 0 0 50%;
	padding: 0 5px;
}

.activity-block {
	margin-bottom: 30px;
	padding: 40px 30px;
	background: #fff;
	box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.05);
	height: 275px;
}

.activity-block img {
	margin-bottom: 25px;
	margin: 0;
}

.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.activity-block h4 {
	/* font-weight: 700; */
	margin-bottom: 20px;
	color: #0b132d;
	font-size: 18px;
}

.section-title-one {
	text-align: center;
	margin-bottom: 75px;
}

.section-title-one h3 {
	font-weight: 700;
	font-size: 36px;
	color: #0b132d;
	margin-bottom: 33px;
}

.section-title-one p {
	line-height: 24px;
	margin-bottom: 0;
	font-size: 15px;
}

.setion-title-two {
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}

.setion-title-two:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	height: 1px;
	width: 100%;
	z-index: 2;
	background: #e8e9eb;
}

.setion-title-two h5 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
	position: relative;
	z-index: 99;
	max-width: 170px;
	margin: 0 auto;
	background: #fcfdff;
	color: #5f5f5f;
	text-transform: uppercase;
}

.wallets-block {
	text-align: center;
}

.wallets-block > img + h5 {
	margin-bottom: 8px;
}

.wallets-block h5 {
	line-height: 20px;
	font-weight: 600;
	font-size: 15px;
}

.wallets-block .base-color {
	margin-bottom: 45px;
}

.base-color {
	color: #1652f0;
}

.download-wrap-inner {
	margin-bottom: 20px;
}

.download-wrap-inner {
	display: block;
}

.download-wrap .input-hidden {
	position: absolute;
	left: -9999px;
}

label.download-option {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.download-wrap-inner + h4 {
	font-weight: 700;
	font-size: 15px;
}

.download-option-block {
	margin-bottom: 50px;
}

.download-wrap {
	position: relative;
	display: inline-block;
	margin-right: 50px;
}

.download-wrap:last-child {
	margin-right: 0;
}

.download-wrap input[type='radio'] + label > i.fab {
	height: 70px;
	width: 70px;
	color: #0b132d;
	border: 1px solid #e8e9eb;
	border-radius: 50%;
	text-align: center;
	line-height: 65px;
	font-size: 28px;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.download-wrap input[type='radio']:checked + label > i.fab {
	background: #1652f0;
	color: #fff;
}

.fa-apple:before {
	content: '\f179';
}

.fa-android:before {
	content: '\f17b';
}

.fa-windows:before {
	content: '\f17a';
}

.text-center {
	text-align: center !important;
}

.download-btn {
	width: 200px;
	height: 60px;
	font-weight: 500;
	background: #1652f0;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.catagori-section {
	margin-bottom: 120px;
}

.offset-lg-3 {
	margin-left: 25%;
}

.col-lg-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

#board {
	/* padding-left: 10px;
    padding-right: 10px; */
	padding-bottom: 120px;
}

#board .row {
	display: flex;
	flex-wrap: wrap;
}

#board .row .board-md-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding: 0 5px;
}

#board .row .col-md-4 {
	/* padding: 40px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #fff; */
	/* border: 1px solid #e8e9eb; */
	width: 100%;
}

#board .row .col-md-4 a.more {
	font-weight: 500;
	font-size: 14px;
	color: #e48306;
}

.stock-coin {
	/*    padding-top: 70px !important;*/
	/* padding-top: 10px !important; */
	/* padding-top: 139px !important; */
	padding-top: 20px !important;
}

.login {
	position: absolute;
	z-index: 999;
	right: 0;
	border-radius: 7px;
	background-color: #e9e9e9;
	width: 260px;
	text-align: center;
	padding-bottom: 8px;
	top: 20px;
}

.login form {
	width: 94%;
	margin: 0 auto;
}

.login h2 {
	padding: 0;
	margin: 10px 0 10px 0;
	font-weight: normal;
}

.login a {
	background-color: #999999;
	width: 45%;
	display: inline-block;
	color: #fff;
	padding: 5px;
	margin: 0 1px;
}

.login input {
	border: 1px solid #cccccc;
	border-radius: 3px;
	width: 100%;
	display: block;
	height: 50px;
	padding: 1px 0 0 10px;
	margin-bottom: 5px;
}

.login button {
	width: 100%;
	color: #fff;
	font-size: 20px;
	background-color: #333;
	height: 50px;
	border: 0;
	margin-top: 8px;
}

.main_up {
	position: absolute;
	border: 0;
	background-color: transparent;
	color: #bbbbbb;
	font-size: 5pt;
	top: -7px;
}

.col-xs-125 .main_up {
	top: 17px;
}

.main_up.active {
	color: #fff;
}

.main_do {
	position: absolute;
	border: 0;
	background-color: transparent;
	color: #bbbbbb;
	font-size: 5pt;
	bottom: -4px;
}

[class^='ti-'],
[class*=' ti-'] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-arrow-down:before {
	content: '\e62a';
}

.main_do.active {
	color: #fff;
}

#stock .bitbay-btn {
	/*
    margin: 0 -0.25%;
    margin-top: 31px;
*/
	/*    margin: 31px 0 0 0;*/
	/* margin: 20px 0 0 0; */
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#stock .bitbay-btn div {
	float: left;
	/*    margin: 0 0.25%;*/
	/*    size 고정*/
	width: 18%;
	/*    width: 205px;*/
	height: 60px;
	margin: 0px;
}

#stock .bitbay-btn div button {
	/*    border-left: 2px solid #dedede;*/
	/*
    -webkit-box-shadow: 2px 0 0 0px rgba(222, 222, 222, 1);
    -moz-box-shadow: 2px 0 2px 0px rgba(222, 222, 222, 1);
    box-shadow: 2px 0 0 0px rgba(222, 222, 222, 1);
*/
	height: 60px;
	border-radius: 0px;
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	background-color: #fefefe;
	font-size: 15px;
	/* font-weight: 600; */
	border-bottom: 1px solid #b5d6ff;
}

#stock .bitbay-btn div:last-child {
	border-right: 1px solid #dedede;
}

#stock .bitbay-btn button {
	width: 100%;
	color: #333;
	background-color: #fff;
	border: 0;
	font-size: 16px;
	padding: 10px 0 10px 0;
	float: left;
	border-radius: 7px 7px 0 0;
}

#stock .bitbay-btn .active {
	color: #fff;
	/*    background-color: #666;*/
	background-color: #fafcff;
	color: var(--primary);
	border-right: 1px solid #b5d6ff;
	border-top: 1px solid #b5d6ff;
	border-left: 1px solid #b5d6ff;
	border-bottom: 1px solid #fafcff;
	font-weight: bold;
	font-size: 16px;
}

.stock_time {
	position: absolute;
	right: 0;
	border: 1px solid #dedede;
	color: #999;
	border: 0;
	top: -5px;
}

.stock_time div {
	color: #999;
	border: 1px solid #ccc;
	font-size: 13px;
	background-color: #fff;
	padding: 1px;
}

.stock_time ul {
	display: none;
	padding: 5px 0 0 0;
	margin: 0px 0 0 -2px;
	border-bottom: 1px solid #ccc;
	position: absolute;
	border-bottom: 0;
	z-index: 999;
}

.stock_time a.select {
	width: 90px;
	padding: 5px 5px;
	background-color: #fff;
	display: block;
	background: url(../image/arrow.png) 75px center no-repeat;
}

.stock_time li {
	margin: 0;
	width: 94px;
	border: 1px solid #ccc;
	border-bottom: 0;
	background-color: #fff;
	display: block;
	padding: 1px 1px 1px 1px;
}

.stock_time li:last-child {
	border-bottom: 1px solid #ccc;
}

.stock_time ul li a {
	width: 100%;
	padding: 3px 5px;
	display: block;
}

.stock_time ul li a.active {
	background-color: #666;
	color: #fff;
}

.stock_time_box ul {
	overflow: hidden;
}

.stock_time a {
	color: #999;
}

.stock_time a:hover {
	background-color: #666;
	color: #fff;
}

.stock_time select {
	color: #999;
	border: 1px solid #ccc;
	width: 90px;
	padding: 4px 2px;
	font-size: 13px;
	background-color: #fff;
	outline: 0px;
	display: none;
}

.bitbay-btn .right {
	margin-left: 8px;
}

.bitbay-main .row {
	/*    border: 1px solid #dedede;*/
	border-top: 0;
	background-color: #fefefe;
	border-left: 2px solid #dedede;
	/*
    -webkit-box-shadow: 2px 0 2px 0px rgba(222, 222, 222, 1);
    -moz-box-shadow: 2px 0 2px 0px rgba(222, 222, 222, 1);
    box-shadow: 2px 0 2px 0px rgba(222, 222, 222, 1);
*/
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
}

.bitbay-main .row .bitbay-25 {
	padding: 20px 30px 20px 0;
	color: #666;
	text-align: right;
	width: 20%;
}

.bitbay-main .row .col-xs-1-5 {
	text-align: center;
	padding-top: 15px;
}

.bitbay-main .row .col-xs-1-5 > a {
	color: #333;
}

.bitbay-main .row .button button {
	border: 0;
	padding: 5px 0px;
	background-color: transparent;
}

i.material-icons.viewChart {
	font-size: 30px;
	color: #999;
	margin-top: -4px;
}

i.material-icons.viewCoin {
	font-size: 20px;
	color: #aaa;
}

.bitbay-main .row .coin {
	color: #000;
	text-align: left;
	color: #333;
	padding-left: 53px;
	padding-right: 0;
	padding-top: 20px;
	width: 250px;
}

.bitbay-main > .row:first-child {
	/*    background-color: #666;*/
	background-color: #fafcff;
	/*    border-top: 1px solid #f0f0f0;*/
}

.bitbay-main > .row:first-child .bitbay-25 {
	text-align: center;
	padding-right: 0;
	padding: 0;
	/*    line-height: 45px;*/
	line-height: 50px;
}

.bitbay-main > .row:first-child .coin {
	padding-left: 0px;
	padding-right: 0;
	word-break: keep-all;
	text-align: left;
	width: 20%;
}

.bitbay-main > .row:first-child div {
	color: #ddd;
}

.bitbay-main > .row:first-child .col-xs-1-5 {
	padding-top: 0;
	/*    line-height: 45px;*/
	line-height: 50px;
}

.bitbay-main .row:first-child .col-xs-1-5 > a {
	color: #333;
}

.bitbay-main .mainmarketTitle {
	/*    height: 45px;*/
	height: 50px;
}

/*main market*/
.col-xs-100 {
	width: 200px;
}

.col-xs-100 .col-sm-6 {
	width: 100%;
}

/*main market end*/

.bitbay-main .row .siga {
	color: #000;
	color: #333;
}

.bitbay-main .row .red {
	color: #cc0033;
	padding-right: 0;
}

.bitbay-main .row .blue {
	color: #0066cc;
	padding-right: 0;
}

.bitbay-main .row:last-child {
	border-top: 0;
}
.logo-menu {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bitbay-logo {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bitbay-logo > a {
	height: 54px;
}

.bitbay-logo img {
	height: 100%;
}

.logoicon {
	margin-top: -6px;
}

.nav .pcmenu {
	width: 100%;
}

.account-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;
}

.account-box .account-box-signin a,
.account-box .account-box-signup a {
	padding: 5px 10px;
	border-radius: 80px;
	border: 1px solid var(--onsurface);
	color: var(--onsurface);
	font-size: 12px;
	font-weight: 700;
}

.banner-content h2 {
	font-weight: 700;
	color: #fff;
	font-size: 50px;
	margin: 0 0 30px 0;
}

.banner-content p {
	color: #fff;
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 57px;
	text-align: center;
}

.banner-content .subs-form .input-box {
	max-width: 570px;
	position: relative;
	margin: 0 auto;
}

.banner-content .subs-form input {
	border: none;
	height: 55px;
	padding: 0 175px 0 25px;
	background: #fff;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 18px;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.banner-content .subs-form button {
	position: absolute;
	right: 0;
	top: 0;
	min-width: 170px;
	height: 55px;
	background: #1652f0;
	color: #fff;
	border: none;
	outline: 0;
	box-shadow: none;
	font-weight: 700;
	cursor: pointer;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
}

.graph-padding {
	/*    margin: 100px 0 40px;*/
	margin: 20px 0 40px;
}

.margin-balance {
	/* margin-bottom: -30px;
  zoom: 1;
  position: relative;
  overflow: hidden; */
	padding: 15px;
	display: flex;
	justify-content: center;
	width: 58% !important;
}

.margin-balance .col-lg-2 {
	margin-right: 15px;
}

.margin-balance .col-lg-2:last-child {
	margin-right: 0;
}

.userAccess.col-md-3.col-lg-3 {
	padding: 15px 0 0;
}

.mnt-nav-right {
	border: 1px solid #fd961a;
	width: calc(50% - 7.5px) !important;
}

.mnt-nav-right a {
	text-align: center;
	display: block;
	padding: 11px 17px;
}

.mnt-nav-right:first-child {
	margin-right: 15px;
}

.mnt-nav-right:first-child a {
	color: #fd961a;
}

.mnt-nav-right:last-child a {
	background-color: #fd961a;
	color: #fefefe;
}

.col-lg-3 {
	flex: 0 0 25%;
	width: 25%;
	padding: 0 5px;
	float: left;
}

.graph-item {
	/* padding: 25px 15px; */
	/* margin-bottom: 30px; */
	/* padding: 15px;
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px; */
}

.graph-item .graph-content h5 {
	/* font-weight: 700; */
	/* font-weight: 500; */
	color: #aaa;
	/* margin-bottom: 23px; */
	/* margin-bottom: 4px; */
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 12px;
	/* line-height: 15px; */
}

/* .graph-item .graph-content h5 span {
  width: 25px;
  height: 25px;
  display: block;
  float: left;
  margin-right: 5px;
} */

.graph-item .price-change {
	font-weight: 700;
}

.color-buy,
.color-sell {
	position: relative;
	cursor: pointer;
}

.ex-color-buy,
.color-buy {
	color: #00c162;
}

.graph-item .volume {
	font-size: 13px;
}

.graph-content {
	width: 100%;
}

.volume,
.color-white {
	color: #fff;
}

.graph-item .transmoney,
.graph-item .transmoney span {
	font-size: 13px;
	color: var(--primary);
	font-weight: 500;
}

.pcmenuTop,
.pcmenuBottom {
	width: 100%;
}

.pcmenuBottom {
	background-color: var(--bg);
	padding: 0 15px;
}
.pcmenuBottom .header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 17px;
}

/* .pcmenuTop::after,
.pcmenuBottom::after {
	content: '';
	clear: both;
	display: block;
} */

.pcmenuBottom ul {
	margin-left: 46px;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .pcmenuBottom ul li {
	margin-right: 100px;
}

.pcmenuBottom ul li:last-child {
	margin-right: 0;
} */

.col-lg-1 {
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.news-tags {
	font-weight: 700;
	color: #fefefe;
	border: 1px solid #e8e9eb;
	padding: 5px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.col-lg-11 {
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.news-headlines-slider a {
	color: #fefefe;
	line-height: 18px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	display: block;
	text-align: center;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	min-width: 320px;
}

.slick-slide > a {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.noticeRow {
	/* margin: 40px 0; */
	margin: 15px 0;
}

.bitbay-why {
	text-align: center;
	margin-top: 30px;
	border-radius: 7px;
	border: 1px solid #dedede;
	border-left: 2px solid #dedede;
	background-color: #f1f1f1;
	padding: 15px;
	box-shadow: 2px 2px 2px 0px rgba(222, 222, 222, 1);
}

.bitbay-why-content {
	background-color: #fefefe;
	padding: 25px 0;
}

.bitbay-why p {
	color: #666;
}

.bitbay-why-content h2 {
	margin-bottom: 10px;
}

.bitbay-why-content p {
	padding: 0;
}

.bitbay-why-content div {
	border-right: 0;
	padding: 10px 10px;
}

.bitbay-why-content div:last-child {
	border: 0;
}

.bitbay-why-title h1 {
	margin-bottom: 10px;
	font-weight: 600;
}

.bitbay-why-title p {
	font-size: 24px;
	margin-bottom: 35px;
}

/*
#board .col-md-4 {
    margin-top: 30px;
    border: 1px solid #dedede;
    border-left: 2px solid #dedede;
    padding: 0;
    border-radius: 7px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(222, 222, 222, 1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(222, 222, 222, 1);
    box-shadow: 2px 2px 2px 0px rgba(222, 222, 222, 1);
    background-color: #fefefe;
}
*/

/*
#board a.more {
    float: right;
    margin-right: 14px;
    margin-top: -2px;
}
*/

#board .col-md-4:last-child {
	margin-right: 0;
}

#board h2 {
	/*
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
    border-radius: 7px 7px 0 0;
    text-align: left;
    font-size: 16px;
    padding: 10px 0 10px 30px;
*/
	color: #0b132d;
	font-weight: 700;
	margin: 0 20px 0 0;
	text-align: left;
	font-size: 18px;
	margin-bottom: 20px;
}

#board h2 span {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 500;
}

/*
#board h2 i {
    font-size: 20px;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    color: #999;
}

.investIcon2 i.material-icons {
    border: 2px solid #ddd;
    border-radius: 5px;
    margin-top: 0px !important;
}
*/

#board ul {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

#board li {
	/*    border-bottom: 1px solid #e9e9e9;*/
	/* margin-bottom: 5px; */
	border: 1px solid #bbb;
	background-color: #ffffff;
	padding: 10px;
	width: calc(33.33333% - 10px);
}

/* #board li div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 13px;
    color: #666;
} */

#board li div:hover {
	/* text-decoration: underline; */
}

#board li a {
	display: block;
	/*    padding: 15px 30px 10px 30px;*/
	color: #000;
}

#board li a span {
	/* text-align: right;
    margin-top: 2px;
    font-size: 11.5px;
    color: #bbb;
    display: none; */
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 26px;
	color: #5f5f5f;
}

#board li:last-child {
	/*    border-bottom: 0;*/
}

.footer_section {
	background-color: var(--bg);
	border-top: 1px solid var(--line);
}
.footer-upper-section .container {
	width: 1440px;
	padding: 0 12px;
	border-bottom: 1px solid var(--line);
}
.footer-upper-section .container .row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.footer-box-container {
	width: 100%;
	padding: 0 15px;
}
.footer-box {
	width: 100%;
	/* border-right: 1px solid var(--line); */
	padding-top: 46px;
}
.footer-box.footer-box-row {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.footer-box.footer-comp {
	border-right: 1px solid var(--line);
	padding-right: 130px;
	/* padding-bottom: 56px; */
	padding-bottom: 40px;
}
.footer-box.official-sns {
	border-right: none;
	padding: 53px 0 62px 109px;
	border-left: 1px solid var(--line);
}

.footer-box.official-sns h3 {
	font-size: 32px;
	margin-bottom: 14px;
	font-weight: 700;
}

.footer-box.official-sns p.info {
	padding-right: 30px;
	text-transform: capitalize;
	letter-spacing: 0;
	font-size: 16px;
}

.footer-box.official-sns ul.sns-link {
	display: flex;
	margin-top: 28px;
	margin-bottom: 0;
	gap: 24px;
	padding: 0;
}
.footer-box.official-sns ul.sns-link li a {
	display: block;
}
.footer-box.official-sns ul.sns-link li a i {
	font-size: 20px;
	color: #777e90;
}

.footer-logo a {
	margin-bottom: 26px;
}
.footer-logo a img {
	height: 45px;
}
.footer-info h6 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 0.5rem;
	text-align: left;
}
.footer-info ul.list {
	padding-left: 0;
}

.footer-info ul.list li {
	margin-bottom: 13px;
}

.footer-info ul.list li p {
	font-size: 16px;
}

.footer-info-list {
	width: 100%;
	padding: 0 10px;
	padding-left: 40px;
}
.footer-info-list > h4 {
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: 700;
}

.footer-info-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	gap: 10px;
}

.footer-info-list ul li {
}

.footer-info-list ul li a {
	color: var(--onsurface);
	font-weight: 400;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.footer-info-list .contact-info {
	color: #c6cbdb;
	margin-bottom: 65px;
}

.footer-info-list .contact-info span {
	color: #fff;
}

.footer-info-list .social-style-two {
	list-style: none;
}

.footer-info-list .social-style-two li {
	display: inline-block;
	margin-right: 30px;
}

.footer-info-list .social-style-two li a {
	color: #fff;
	font-size: 18px;
}

.fa-facebook-f:before {
	content: '\f39e';
}

.fa-twitter:before {
	content: '\f099';
}

.fa-google-plus-g:before {
	content: '\f0d5';
}

.fa-github:before {
	content: '\f09b';
}

.fa-linkedin-in:before {
	content: '\f0e1';
}

.footer-info-list .social-style-two li a:hover {
	color: var(--primary);
}

.footer-bottom {
	/* padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08); */
}
.footer-bottom .container {
	width: 1440px;
}
.footer-bottom-wrap {
}

.footer-logo .img-responsive {
	margin: 0;
}

.footer-info {
	margin-top: 20px;
}

.footer-info > p {
	color: #c6cbdb;
	font-size: 12px;
}

.copyright-text {
	display: block;
	text-align: center;
	padding: 16px 0;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.05px;
	text-transform: capitalize;
}

.footer-upper-section .footer-icon-wrap {
	position: absolute;
	right: 170px;
	bottom: 55px;
}

.bitbay-info p {
	color: #999999;
	padding-top: 20px;
	line-height: 19px;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.bitbay-info p.customer {
	color: #ccc;
	padding-top: 25px;
	line-height: 20px;
}

.bitbay-info p.customer span {
	font-size: 12px;
	display: block;
	color: #999;
	line-height: 18px;
}

.bitbay-info p.customer span a {
	color: #999;
}

.bitbay-info p.customer span a:hover {
	color: #ccc;
}

.iconsns {
	padding-right: 40px;
}

.bitbay-link div {
	padding: 0;
	margin: 0;
}

.bitbay-link div h2 {
	border-bottom: 1px solid #444;
	color: #fff;
	font-size: 13px;
	padding: 20px 0 10px 45px;
	margin: 0;
	text-align: left;
}

.bitbay-link div ul {
	padding: 10px 0 0 0;
	margin: 0;
}

.bitbay-link div a {
	color: #999;
	display: block;
	padding: 3px 0 3px 45px;
	font-size: 11px;
}

.bitbay-sns {
	margin-bottom: 30px;
	text-align: right;
}

.bitbay-sns div {
	width: 50%;
	float: left;
	margin-top: 10px;
	height: 42px;
	padding-left: 10px;
}

.bitbay-sns a {
	margin-right: 10px;
	float: left;
}

.bitbay-sns a.com1 {
	margin-right: 25px;
}

.bitbay-sns-partner a.com1 {
	float: right;
	width: auto;
	height: 40px;
}

.bitbay-sns-partner a.yap {
	padding-top: 8.5px;
}

.bitbay-sns-partner a.coocon {
	padding-top: 10px;
}

.bitbay-sns-partner a.comodo {
	padding-top: 1px;
}

.bitbay-sns-partner a.blocktree {
	padding-top: 8.5px;
}

/* stock */

#stock #stock-bitbay div button {
	/*    border-left: 0px solid #dedede;*/
	box-shadow: 0px 0 0 0px rgba(000, 000, 000, 0);
	/*    border-bottom: 1px solid #666;*/
	border-bottom: 1px solid #f0f0f0;
}

.stock-bar {
	/*    border-top: 10px solid #666;*/
	border-top: 2px solid #f0f0f0;
	margin-top: -1px;
}

#stock-content {
	/* padding: 0px 10px 0 10px; */
	padding: 0px 10px 120px 10px;
}

#stock-bitbay-list {
	/*    background-color: #666;*/
	background-color: #fafcff;
	padding: 4px;
	/*    height: 944px;*/
	/* height: 915px !important; */
	overflow: hidden;
	overflow-y: scroll;
	/* border-radius: 0 0 7px 7px; */
	border-right: 1px solid #b5d6ff;
	border-left: 1px solid #b5d6ff;
	border-bottom: 1px solid #b5d6ff;
}

#stock-bitbay-list::-webkit-scrollbar {
	width: 5px;
}

#stock-bitbay-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

#stock-bitbay-list::-webkit-scrollbar-thumb {
	background-color: #ababab;
}

.bitbay-layer strong {
	font-size: 24px;
}

.bitbay-btn2 div {
	float: left;
	width: 212px;
	margin-right: 10px;
}

.bitbay-btn2 div.stock-notice {
	background-color: #999999;
	border-radius: 5px;
	height: 29px;
	padding-top: 5px;
	text-align: center;
	width: 736px;
	float: right;
	margin-right: 0;
}

.bitbay-stock li {
	border: 1px solid #cfcfcf;
	padding: 0 3px 5px 3px;
	margin: 0;
	background-color: #fff;
	margin-bottom: 5px;
	margin-left: 5px;
}

.bitbay-stock ul {
	padding: 0;
	margin: 0;
}

.bitbay-stock .left h2 {
	background: url(../image/fav_off.png) 3px 8px no-repeat;
	color: #333;
	font-size: 14px;
	text-align: left;
	padding: 5px 3px 0 20px;
	height: 30px;
	margin: 0;
	/* letter-spacing: -1px; */
}

.bitbay-stock .left h2 .price {
	color: #cc0033;
	float: right;
	font-size: 15px;
}

.bitbay-stock .left div {
	background-color: #f5f5f5;
	padding: 3px 5px;
	clear: both;
}

.bitbay-stock .left div span {
	color: #cc0033;
	font-size: 12px;
}

.bitbay-stock .left div span.time {
	color: #999999;
	display: inline-block;
	width: 30px;
}

.bitbay-stock .left div span.per {
	display: inline-block;
	width: 70px;
}

.bitbay-stock .left div span.updown {
	display: inline-block;
	width: 60px;
}

.bitbay-stock .left div span.down {
	color: #0066cc;
}

.bitbay-stock li.active {
	border: 1px solid var(--primary);
}

.bitbay-stock li.active h2 {
	background: url(../image/fav.png) 3px 8px no-repeat;
}

.bitbay-coin {
	padding: 15px 15px 10px 15px;
	margin-top: 10px;
	margin-left: 10px;
}

.bitbay-chart {
	text-align: left;
	margin: 0;
	padding: 0;
}

.bitbay-chart label {
	color: #333;
	display: inline-block;
	font-size: 16px;
}

.bitbay-chart label span {
	color: #999;
}

.bitbay-chart div {
	display: inline-block;
}

.bitbay-chart span {
	color: #333;
	font-size: 15px;
}

.bitbay-chart span.price {
	color: #cc0033;
	font-size: 22px;
	margin-left: 10px;
}

.bitbay-table {
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	margin-top: -17px;
}

.bitbay-table2 {
	width: 100%;
	margin-top: 10px;
}

.bitbay-table dt {
	float: left;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	color: #999;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
}

.bitbay-table dd {
	float: left;
	width: 6.65%;
	border-top: 0px;
	font-size: 12px;
	font-size: 12px;
	color: #999;
	padding: 2px 0 3px 5px;
	height: 22px;
	font-size: 12px;
}

.bitbay-table dt.text-right {
	text-align: right;
}

.bitbay-table dt.bt0,
.bitbay-table dd.bt0 {
	padding-right: 10px;
}

.bitbay-table dt.bt1,
.bitbay-table dd.bt1 {
	padding-right: 5px;
}

.bitbay-chart-coin {
	float: right;
	margin: 0;
}

.bitbay-chart-coin dt {
	color: #999;
	font-weight: normal;
	display: inline-block;
	line-height: 35px;
	font-size: 14px;
	margin-right: 15px;
	width: 50px;
}

.bitbay-chart-coin dd {
	color: #999;
	display: inline-block;
	text-align: center;
	/*    margin-left: 10px;*/
	margin-left: 8px;
	/*    font-size: 14px;*/
	font-size: 12px;
	/*    width: 60px;*/
	width: 80px;
	line-height: 35px;
	letter-spacing: -0.2px;
}

.bitbay-chart-coin dd.w80 {
	width: 130px;
	text-align: right;
}

.btn-chart-view {
	/*    background-color: var(--primary);*/
	background-color: #1652f0;
	color: #e9e9e9;
	border: 0;
	float: left;
	height: 30px;
	padding: 0 10px;
	margin-left: 10px;
}

table.bitbay-table2 > tbody > tr:first-child td {
	padding: 6px 0 3px 5px;
}

table.bitbay-table2 > thead > tr > th {
	text-align: center;
	border-top: 1px solid #e9e9e9;
}

table.bitbay-table2 > tbody > tr > td {
	font-size: 12px;
	text-align: center;
	color: #000;
	padding: 6px 0 3px 5px;
}

.stock-center {
	margin-top: 10px;
}

.stock-box {
	margin-left: 10px;
}

.stock-box ul {
	padding: 0;
	margin: 0;
}

.stock-box ul.sell {
	color: #0066cc;
}

.stock-box ul.buy {
	color: #cc0000;
}

.stock-box li {
	/* padding: 3px 0; */
	padding: 3.5px 0;
	margin: 0;
	font-size: 13px;
}

.stock-box li span {
	width: 50%;
	display: inline-block;
	/* text-align: center; */
	text-align: right;
	padding-right: 5px;
}

.stock-box li span:first-child {
	width: 45%;
}

.stock-box li span:last-child {
	width: 55%;
}

.stock-box li:nth-child(odd) {
	background-color: #f9f9f9;
}

.stock-box ul.sell li.active {
	background-color: #99ccff;
}

.stock-box ul.buy li.active {
	background-color: #ffaf99;
}

.buysell {
	font-size: 14px;
	color: #000;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 12px 0;
}

.buysell div {
	/* width: 50%; */
	text-align: center;
}

.stock-box1 {
	/*    width: 350px;*/
	/*    width: 332px;*/
	/* width: 325px; */
	width: 235px;
	float: left;
	border-right: 1px solid #e9e9e9;
	padding-right: 10px;
}

.stock-box2 {
	/* width: 201px; */
	width: 291px;
	float: right;
	margin: 0 0 0 0px;
	padding-left: 0;
}

.box1 {
	/* padding: 15px 0 15px 15px; */
	padding: 10px 0 10px 10px;
}

.box2 {
	/* padding: 0px 0 20px 0px; */
	padding: 0;
}

.sb1 {
	font-size: 12px;
	/* margin-left: 10px; */
	padding: 10px;
}

.sb1 dt {
	/* width: 80px; */
	/*    width: 100px;*/
	width: 50%;
	float: left;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0 0 0px;
	height: 26px;
	/* letter-spacing: -0.9px; */
	font-size: 11px;
}

.sb1 dd {
	/* width: 102px; */
	/*    width: 90px;*/
	width: 50%;
	float: left;
	text-align: right;
	border-bottom: 1px solid #e9e9e9;
	padding: 6px 4px 0 0;
	height: 26px;
	/* font-size: 11px; */
}

dt {
	font-weight: normal;
}

.sb1 dt.h50 {
	border: 0;
}

.sb1 dd.h50 {
	border: 0;
	height: 50px;
}

.sb2 {
	clear: both;
	padding: 0 10px;
}

.sb2 dt {
	width: 50%;
	float: left;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0 5px 0px;
	text-align: center;
	font-size: 12px;
	/*    font-size: 10px;*/
}

.sb2-list-wrap {
	width: 100%;
	/* height: 360px; */
	height: 380px;
	overflow-y: scroll;
}

.sb2-list-wrap::-webkit-scrollbar {
	width: 3px;
}

.sb2-list-wrap::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.sb2-list-wrap::-webkit-scrollbar-thumb {
	background-color: #bdbdbd;
}

.sb2 dd {
	width: 50%;
	float: left;
	padding: 5px 0 0 8px;
	height: 25px;
	text-align: center;
	font-size: 12px;
}

.sb2 dd.sell {
	color: #0066cc !important;
}

.sb2 dd.buy {
	color: #cc0000 !important;
}

.buysell-box {
	margin-left: 10px;
	padding: 15px 20px 15px 20px;
}

.buysell-box form {
	margin: 0 auto;
}

.buysell-btn {
	margin: 15px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 14px 0;
}

.buysell-btn {
	margin: 0 -5px;
}

.buysell-btn .col-xs-6 div {
	margin: 0 5px;
}

.buysell-btn .col-xs-6 div button {
	width: 100%;
}

.buysell-btn button {
	margin: 0;
	border: 0;
	color: #999;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 5px 0;
}

.buysell-btn button.active {
	color: #fff;
	background-color: #cc0033;
}

.buysell-btn button.active1 {
	color: #fff;
	background-color: #0066cc;
}

.buysell-btn .col-xs-6 div.a1 {
	margin-left: 0;
}

.buysell-btn .col-xs-6 div.a2 {
	margin-right: 0;
}

.buysell-price {
	margin: 0 -5px;
}

.buysell-price label {
	display: inline-block;
	padding-left: 5px;
	color: #999;
	line-height: 45px;
}

.buysell-price div {
	float: right;
	margin-right: 0px;
	font-size: 25px;
	line-height: 45px;
}

.buysell-price span {
	font-size: 18px;
	font-weight: bold;
}

.nanum.aunit {
	font-size: 14px;
	font-weight: 500;
}

.buysell-per {
	margin: 0 -10px;
	clear: both;
	height: 28px;
}

.buysell-per .col-xs-3 div {
	margin: 0 5px;
}

.buysell-per button {
	width: 100%;
}

.buysell-per button {
	border: 0;
	color: #999;
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	padding: 5px 0 3px 0;
	font-size: 13px;
}

.buysell-per button.active {
	color: #fff;
	background-color: var(--primary);
	border: 1px solid var(--primary);
}

input::-ms-clear {
	display: none;
}

.buysell-amount {
	clear: both;
	position: relative;
	padding-top: 10px;
	margin: 10px -5px;
}

.buysell-amount label {
	position: absolute;
	color: #999;
	left: 10px;
	top: 25px;
}

.buysell-amount input {
	border: 1px solid #cccccc;
	border-radius: 5px;
	width: 100%;
	height: 50px;
	color: #000;
	text-align: right;
	padding: 0px 45px 2px 80px;
	font-size: 18px;
	font-weight: bold;
}

.buysell-amount span {
	position: absolute;
	color: #000;
	right: 10px;
	top: 25px;
}

.buysell-money {
	margin: 10px -5px 0 -5px;
	position: relative;
}

.buysell-money label {
	position: absolute;
	color: #999;
	left: 10px;
	top: 14px;
}

.buysell-money input {
	float: left;
	/*    width: 251px;*/
	/*    width: 237px;*/
	width: 233px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	height: 50px;
	text-align: right;
	color: #000;
	padding: 0px 10px 2px 40px;
	font-size: 18px;
	font-weight: bold;
}

.buysell-money button {
	float: left;
	width: 49.5px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 50px;
	font-size: 20px;
	margin-left: 5px;
}

.buysell-money button,
.buysell-money button:focus,
.buysell-money button:active {
	padding: 0;
}

.buysell-money button span {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 48px;
}

.buysell-info {
	clear: both;
	margin: 15px -5px 15px -5px;
	border-top: 1px solid #ddd;
}

.buysell-info div {
	border-bottom: 1px solid #ddd;
	padding: 7px 0 5px 0;
}

.buysell-info label {
	color: #999;
}

.buysell-info span {
	float: right;
	color: #999;
	padding: 0 2.5px;
}

.buysell-ok {
	margin: 0 -5px;
	padding: 0 0 20px 0;
}

.buysell-ok button {
	border: 0;
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
	width: 100%;
	color: #fff;
}

.buysell-ok button.bg-up {
	background-color: #cc0033;
}

.buysell-ok button.bg-down {
	background-color: #0066cc;
}
.buysell-ok2 {
	margin: 0 -5px;
	padding: 0 0 20px 0;
}

.buysell-ok2 .info-confirm .info-submit {
    background-color: #cc0033;
    border: 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    width: 100%;
    padding: 12px 0 8px 0;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buysell-list {
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 20px;
}

.buysell-list-box {
	margin: 15px 15px 15px 15px;
}

.buysell-list-box button {
	width: 49%;
	margin: 0 0.5%;
	border: 0;
	color: #999;
	background-color: #fff;
	border: 1px solid #ddd;
}

.buysell-list-box button.active {
	color: #fff;
	background-color: var(--primary);
	/* background-color: #1652f0; */
	border: 1px solid var(--primary);
}

.buysell-list-box button:first-child {
	margin-left: 0;
}

.buysell-list-box button:laset-child {
	margin-right: 0;
}

.stock-list {
	max-height: 300px;
	margin-top: 20px;
	overflow-y: scroll;
}

.stock-list::-webkit-scrollbar {
	width: 5px;
}

.stock-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.stock-list::-webkit-scrollbar-thumb {
	background-color: #bdbdbd;
}

.stock-list dt {
	float: left;
	width: 12%;
	text-align: center;
	background-color: #f1f1f1;
	height: 30px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	color: #666;
	padding: 7px 0;
	font-size: 12px;
}

.stock-list dd {
	float: left;
	width: 12%;
	height: 30px;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
	color: #000;
	padding: 7px 0;
	font-size: 12px;
}

.stock-list-confirm dt {
	width: 15%;
}

.stock-list-confirm dd {
	width: 15%;
}

.stock-list dt.d1 {
	width: 20%;
}

.stock-list dd.d1 {
	width: 20%;
}

.stock-list dd.button {
	padding-top: 4px;
}

.stock-list input[type='checkbox'] + label span.check {
	margin-top: 0px;
	margin-right: 5px;
}

.stock-list dd.sprite {
	background-color: #fafafa;
}

.stock-list-btn {
	margin: 0 -5px;
	padding-bottom: 10px;
}

.stock-list-btn .col-xs-6 div {
	margin: 0 5px;
}

.stock-list-btn .col-xs-6 div button {
	width: 100%;
}

/*stock end*/
/*bank*/
#bank {
	margin-top: 0px;
	/* margin-bottom: 20px; */
	/* padding-top: 60px; */
	/* padding-top: 150px; */
	/* padding: 159px 0 100px 0; */
	padding: 20px 0 100px 0;
}

#bank .buysell-list {
	margin-left: 0;
}

.my-coin {
	padding: 15px 10px;
	margin-right: 5px;
	/* height: 1050px; */
	height: 1100px;
}

.my-coin-info {
	padding: 15px 10px;
	margin-left: 5px;
	/* height: 1050px; */
	min-height: 1100px;
}

.bank_coin {
	/* height: 1050px; */
	/* height: 1100px; */
}

.coin-list {
	/* border-top: 1px solid #e9e9e9;
	margin: 12px 5px 0 5px;
	padding: 0; */
	padding: 40px 0 59px !important;
}

.coin-list.bank_list {
	overflow-y: scroll;
	/* max-height: 915px; */
	max-height: 1025px;
}

.coin-list.bank_list::-webkit-scrollbar {
	width: 0px;
}

.coin-list li {
	/* border-bottom: 1px solid #e9e9e9; */
	position: relative;
}

.coin-list li#USD .price {
	top: 20px;
}

.coin-list li.active {
	background-color: #f1f1f1;
}

.coin-list li label {
	display: block;
	margin: 0;
	padding: 5px 20px 10px 15px;
	cursor: pointer;
}

.coin-list li input {
	vertical-align: middle;
}

.coin-list .coin {
	padding-top: 7px;
	/* padding-left: 45px; */
	padding-left: 35px;
	display: inline-block;
	vertical-align: middle;
}

.coin-list .coin h2 {
	padding: 0;
	margin: 0;
	font-size: 16px;
}

.coin-list .coin span {
	font-size: 12px;
}

.coin-list .price {
	display: inline-block;
	position: absolute;
	right: 20px;
	text-align: right;
}

.coin-list .price div {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	font-size: 16px;
}

.two-btn {
	margin: 0 -5px;
}

.two-btn .col-xs-6 div {
	margin: 0 5px;
}

.two-btn .col-xs-6 div button {
	width: 100%;
	width: 100%;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #999;
	padding: 5px 0;
}

.two-btn .col-xs-6 div button.active {
	border: 1px solid var(--primary);
	background-color: var(--primary);
	color: #fff;
}

.coin-list li {
	background-position: 40px center;
}

.info-title {
	padding: 0;
	margin: 0 5px;
}

.info-title h2 {
	margin: 12px 0 10px 0;
	padding: 10px 0 0 0;
	font-size: 18px;
	border-top: 1px solid #e9e9e9;
}

.info-title .info-title2 {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 10px;
	padding-top: 20px;
	clear: both;
}

.info-title .info-title2 h3 {
	text-align: center;
	background-color: var(--primary);
	color: #fff;
	padding: 7px 0 5px 0;
	font-size: 14px;
	clear: both;
}

.info-title p {
	text-align: center;
	color: #333;
	font-size: 12px;
	padding: 15px 0 5px 0;
	clear: both;
}

.info-title p.info-memo {
	padding: 0;
	margin: 0;
	background-color: #f1f1f1;
	border-radius: 5px;
	color: #666666;
	padding: 10px;
	text-align: center;
	line-height: 18px;
}

.info-title p.info-memo.info-memo-krw {
	text-align: left;
	padding: 20px;
	word-break: keep-all;
}

.info-title p.memo2 {
	line-height: 13px;
}

.info-title dl {
	margin-top: 15px;
}

.info-title dt {
	/* width: 25%; */
	width: 50%;
	float: left;
	background-color: #f1f1f1;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #666;
	font-size: 12px;
	padding: 8px 0 7px 0;
}

.info-title dd {
	/* width: 25%; */
	width: 50%;
	float: left;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #000;
	font-size: 12px;
	padding: 7px 0 6px 0;
}

.info-title button {
	background-color: #333333;
	color: #fff;
	text-align: center;
	border: 0;
	width: 100%;
	font-size: 18px;
	padding: 14px 0 12px 0;
}

.info-level {
	margin: 0 0;
	margin-top: 10px;
}

.info-level .col-xs-4 div {
	background-color: #f1f1f1;
	border-radius: 5px;
	color: #666666;
	padding: 5px;
	text-align: center;
	margin: 0 5px;
	padding: 10px 5px 5px 5px;
}

.info-level .col-xs-4 div h4 {
	/* font-size: 14px; */
	font-size: 12px;
	padding: 0 0 0px 0;
	margin: 0;
}

.info-level .col-xs-4 div p {
	color: #000;
	/* font-size: 16px; */
	font-size: 14px;
	background-color: #d4d4d4;
	border-radius: 2px;
	margin-top: 8px;
	padding: 5px 0;
}

.info-confirm {
	padding-top: 30px;
	text-align: center;
	margin: 0 5px;
}

.info-confirm h3 {
	text-align: center;
	background-color: var(--primary);
	color: #fff;
	padding: 5px 0 5px 0;
	font-size: 14px;
}

.info-confirm form {
	border-top: 1px solid #e9e9e9;
	margin-top: 10px;
	padding-top: 10px;
}

.info-confirm div {
	position: relative;
	padding-bottom: 10px;
}

.info-confirm div label {
	position: absolute;
	top: 17px;
	/* margin-left: 20px; */
	margin-left: 10px;
	color: #999;
}
.info-confirm div select {
	width: 100%;
	height: 50px;
	padding: 0 10px;
	font-size: 15px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.info-confirm div.include-button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.info-confirm div.include-button select {
}
.info-confirm div.include-button .button {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
	padding-bottom: 0;
}
.info-confirm div.include-button .button button {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	line-height: 1.1;
}
.info-confirm div.include-button .button button.regist {
	background-color: var(--primary);
}
.info-confirm div.include-button .button button.edit {
	background-color: green;
}

.info-confirm div input {
	border: 1px solid #ccc !important;
	border-radius: 5px;
	/*    font-size: 20px;*/
	font-size: 15px;
	color: #000;
	width: 100%;
	height: 50px;
	text-align: right;
	padding: 20px;
}

.info-confirm div button {
	border: 0;
	background-color: #eeeeee;
	color: #666;
	font-size: 12px;
	padding: 5px 0;
	display: inline-block;
}

.info-confirm .info-price {
	margin: 0 -3px;
}

.info-confirm .info-price .col-xs-2 div {
	padding: 0 3px;
}

.info-confirm .info-price .col-xs-2 button {
	width: 100%;
}

.info-confirm .info-price .col-xs-2 button.active {
	background-color: var(--primary);
	color: #fff;
}

.info-confirm .info-submit {
	background-color: #cc0033;
	border: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	width: 100%;
	padding: 12px 0 8px 0;
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.info-confirm p {
	color: #333;
	padding: 20px 0 15px 0;
	font-size: 18px;
}

.info-confirm p.confirm-memo {
	font-size: 12px;
	padding: 0px 0 0 0;
	text-align: left;
}

.info-confirm img {
	margin: 0 auto;
	margin-top: 23px;
}

.info-confirm div.confirm-span input {
	padding-right: 80px;
	/*    font-size: 20px;*/
	font-size: 16px;
	color: #000;
}

.info-confirm div.confirm-span span {
	position: absolute;
	right: 20px;
	top: 12px;
	font-size: 20px;
	color: #000;
}

.info-confirm div.confirm-btn {
	text-align: left;
}

.info-confirm div.confirm-btn input {
	width: 79%;
	display: inline-block;
}

.info-confirm div.confirm-btn button {
	width: 19.5%;
	height: 50px;
	float: right;
	color: #fff;
	background-color: var(--primary);
	border: 0;
	font-size: 14px;
}

.xrp_area {
	font-size: 12px !important;
}

#xrp_tag {
	font-size: 30px;
	font-weight: bold;
}

#destination_info {
	font-size: 12px;
	display: block;
	margin-top: 10px;
	display: none;
	line-height: 15px;
}

.xrp_area:hover #destination_info {
	display: block;
}

.eos_area {
	font-size: 14px !important;
}

#eos_tag {
	font-size: 30px;
	font-weight: bold;
}

.eos_area:hover #destination_info {
	display: block;
}

.confirm2 {
	padding-top: 10px;
}

.buysell-list-box h2 {
	color: #fff;
	background-color: var(--primary);
	border: 1px solid var(--primary);
	font-size: 14px;
	padding: 1px 0 5px 0;
	margin: 0 0 10px 0;
	height: 25px;
}

.bank-list dt {
	float: left;
	width: 14.28%;
	text-align: center;
	background-color: #f1f1f1;
	height: 30px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	color: #666;
	padding: 7px 0;
	font-size: 12px;
}

.bank-list dd {
	float: left;
	width: 14.28%;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
	color: #000;
	font-size: 12px;
	line-height: 60px;
	height: 60px;
}

.bank-list dd.bl0.transAddr {
	line-height: 20px;
}

.bank-list dd.sprite {
	background-color: #fafafa;
}

.bank-no {
	clear: both;
	height: 40px;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
	color: #000;
	font-size: 12px;
}

.paging {
	padding-bottom: 20px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
	/* max-width: 140px; */
	display: flex;
	justify-content: center;
}

.paging a {
	color: #999;
	font-size: 12px;
	/* width: 20px; */
	text-align: center;
	width: 25px;
	height: 25px;
	border: 1px solid var(--primary);
	display: block;
	line-height: 25px;
	border-right: none;
}

.paging a:last-child {
	border-right: 1px solid var(--primary);
}

.paging a.active {
	/* color: #333; */
	color: #fefefe;
	background-color: var(--primary);
}

.paging a.next {
	/* color: #666; */
	color: var(--primary);
	font-size: 10px;
	/* top: -1px;
    position: relative; */
}

.paging a.prev {
	/* color: #666; */
	color: var(--primary);
	font-size: 10px;
	/* top: -1px;
    position: relative; */
}

.bank-list1 dt {
	width: 20%;
}

.bank-list1 dd {
	width: 20%;
}

.bank-list2 dt {
	width: 25%;
}

.bank-list2 dd {
	width: 25%;
}

.asset-list dt {
	text-align: center;
	background-color: #f1f1f1;
	height: 30px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	color: #666;
	padding: 7px 0;
	font-size: 12px;
}

.asset-list dd {
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
	color: #000;
	padding: 5px 0;
	font-size: 12px;
}

.asset-list dd.sprite {
	background-color: #fafafa;
}

.asset-list dt,
.asset-list dd {
	/* width: 11.28%; */
	width: 12.14%;
	float: left;
}

.asset-list dt.bl0,
.asset-list dd.bl0 {
	width: 5%;
	float: left;
}

/*bank end*/

/*asset*/
.asset-round {
	margin: 0 -5px;
}

.asset-box,
.asset-box2,
.asset-up {
	margin-top: 10px;
	float: left;
	height: 120px;
}

.asset-box div,
.asset-box2 div {
	border-radius: 5px;
	background-color: #f1f1f1;
	padding: 13px 5px 5px 5px;
	text-align: left;
	color: #666;
	margin: 0 5px;
}

.asset-box div h3,
.asset-box2 div h3 {
	/* padding-bottom: 11px; */
	padding-left: 40px;
	color: #666;
	background: url(../image/asset-icon.png) right 5px no-repeat;
	/* margin-right: 10px; */
	/* margin-top: 3px; */
	font-weight: normal;
	line-height: 28px;
}

.asset-box p,
.asset-box2 p {
	text-align: center;
	border-radius: 5px;
	background-color: #dedede;
	color: #000;
	padding: 12px 0 8px 0;
	font-size: 18px;
	height: 60px;
	line-height: 18px;
}

.asset-box p strong,
.asset-box2 p strong {
	font-weight: normal;
	font-size: 14px;
}

.asset-box span,
.asset-box2 span {
	font-size: 14px;
}

.asset-box p strong span,
.asset-box2 p strong span {
	font-weight: normal;
	font-size: 12px;
}

/*asset coin img end*/
.asset-icon div {
	background-color: #777;
	text-align: center;
}

.asset-icon div h3 {
	color: #fff;
	font-size: 20px;
	padding-left: 0;
	padding-top: 0px;
	/* padding-bottom: 5px; */
	background: transparent;
	margin-right: 0;
	font-weight: normal;
}

.asset-icon p {
	background-color: var(--primary);
	color: #fff;
	font-size: 24px;
	padding-top: 20px;
}

.asset-usd p {
	font-size: 24px;
	padding-top: 20px;
}

.asset-up div {
	border-radius: 5px;
	background-color: #f1f1f1;
	padding: 13px 5px 5px 5px;
	text-align: left;
	color: #666;
	margin: 0 5px;
}

.asset-up div h3 {
	text-align: center;
	font-size: 20px;
	padding-left: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	background: transparent;
	margin-right: 0;
	font-weight: normal;
}

.asset-up p {
	font-size: 24px;
	padding-top: 20px;
}

.asset-search {
	padding: 15px 15px 5px 15px;
	text-align: right;
}

.asset-search input {
	width: 110px;
	border: 1px solid #cccccc;
	text-align: center;
	color: #999;
	font-size: 13px;
	padding: 6px 0 3px 0;
}

.asset-search span {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0 3px;
}

.asset-search button {
	background-color: var(--primary);
	border: 0;
	color: #fff;
	float: right;
	margin-left: 5px;
	font-size: 13px;
	width: 110px;
	padding: 6px 0 5px 0;
}

.bit-scroll {
	/* height: 526px; */
	height: auto;
	overflow: hidden;
	overflow-y: scroll;
}

.bit-scroll::-webkit-scrollbar {
	width: 3px;
}

.bit-scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.bit-scroll::-webkit-scrollbar-thumb {
	background-color: #bdbdbd;
}

.mypage-alram input[type='checkbox'] {
	display: none;
}

.mypage-alram input[type='checkbox'] + label span.check {
	display: inline-block;
	width: 64px;
	height: 25px;
	vertical-align: middle;
	background: url(../image/checkbox_on.png) left top no-repeat;
	cursor: pointer;
}

.mypage-alram input[type='checkbox']:checked + label span.check {
	background: url(../image/checkbox_on.png) -64px top no-repeat;
}

.mypage dl {
	margin: 0 10px 0 0;
	padding: 0;
}

.mypage dt,
.mypage dd {
	margin: 0;
	padding: 0;
	border: 1px solid #dedede;
	border-top: 0;
	background-color: #fefefe;
	border-left: 2px solid #dedede;
	box-shadow: 2px 0 2px 0px rgba(222, 222, 222, 1);
}

.mypage dt {
	padding: 10px 0 10px 20px;
	border-radius: 7px 7px 0 0;
	background-color: #f1f1f1;
	color: #666666;
	font-size: 15px;
}

.mypage dd:last-child {
	border-radius: 0 0 7px 7px;
	border-top: 0;
	text-align: center;
	padding: 15px 0 15px 0;
}

.mypage dd:last-child strong {
	display: block;
	margin: 0 auto;
}

.mypage dd:last-child span {
}

.mypage dd a {
	display: block;
	/* padding: 10px 0 10px 20px; */
	padding: 10px;
	color: #666666;
	font-size: 13px;
}

.mypage dd.active a {
	background-color: #666;
	color: #fff;
}

.mypage dd a:hover {
	background-color: #666;
	color: #fff;
}

#bank_check .bitbay-popup-box {
	height: auto;
}

#bank_check h3 {
	font-weight: normal;
	font-size: 14px;
	padding: 10px 0 0 0;
}

#bank_check p {
	font-weight: normal;
	font-size: 12px;
	padding: 10px 0 30px 0;
	color: #cc3300;
}

#bank_check dl {
	width: 100%;
	clear: both;
}

#bank_check dt {
	width: 20%;
	float: left;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	float: left;
	background-color: #f9f9f9;
	margin: 3px 0;
	margin-right: 1%;
	color: #999999;
}

#bank_check dt div {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	padding: 0px 0 0 10px;
}

#bank_check dd {
	text-align: center;
	width: 79%;
	float: left;
	border-top: 1px solid #e9e9e9;
	height: 43px;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0 0 0px;
	float: left;
	background-color: #fff;
	margin: 3px 0;
}

#bank_check dd input {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	/*    width: 96%;*/
	width: 100%;
	font-size: 14px;
}

#bank_check dd select {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	/*    width: 96%;*/
	width: 100%;
}

#bank_check dd input.read {
	background-color: #f0f0f0;
}

#bank_check dd.middle {
	width: 53%;
	margin-right: 1%;
}

#bank_check dd.button {
	width: 25%;
}

#bank_check dd.button button {
	border: 0;
	background-color: #999999;
	color: #fff;
	width: 100%;
	height: 30px;
	word-break: keep-all;
	text-align: center;
	padding-top: 2px;
}

.account_infobtn {
	background-color: #333 !important;
}

#bank_check dd.button button.disabled {
	background-color: #cccccc;
	cursor: no-drop;
}

#bank_check div.btn {
	clear: both;
	padding: 5px 0 10px 0;
}

#phone_check dl {
	width: 100%;
	clear: both;
}

#phone_check .bitbay-popup-box {
	height: auto;
}

#phone_check h3 {
	font-weight: normal;
	font-size: 14px;
	padding: 10px 0 0 0;
}

#phone_check p {
	font-weight: normal;
	font-size: 12px;
	padding: 10px 0 30px 0;
	color: #cc3300;
}

#phone_check dt {
	width: 20%;
	float: left;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	float: left;
	background-color: #f9f9f9;
	margin: 3px 0;
	margin-right: 1%;
	color: #999999;
}

#phone_check dt div {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	padding: 0px 0 0 10px;
}

#phone_check dd {
	text-align: center;
	width: 79%;
	float: left;
	border-top: 1px solid #e9e9e9;
	height: 43px;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0 0 0px;
	float: left;
	background-color: #fff;
	margin: 3px 0;
}

#phone_check dd input {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	/*    width: 96%;*/
	width: 100%;
	font-size: 14px;
}

#phone_check dd select {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	/*    width: 96%;*/
	width: 100%;
}

#phone_check dd input.read {
	background-color: #f0f0f0;
}

#phone_check dd.middle {
	width: 53%;
	margin-right: 1%;
}

#phone_check dd.button {
	width: 25%;
}

#phone_check dd.button button {
	border: 0;
	background-color: #999999;
	color: #fff;
	width: 100%;
	height: 30px;
	word-break: keep-all;
	text-align: center;
	padding-top: 2px;
}

#phone_check dd.button button.disabled {
	background-color: #cccccc;
	cursor: no-drop;
}

#phone_check div.btn {
	clear: both;
	padding: 5px 0 10px 0;
}

#idcard_check .bitbay-popup-box {
	height: auto;
	text-align: left;
}

#idcard_check h3 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
}

#idcard_check h4 {
	padding: 0;
	margin: 15px 0 5px 0;
	font-size: 14px;
	text-align: left;
	font-weight: 500;
}

#idcard_check p {
	padding: 0 20px;
	margin: 0;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
}

#idcard_check .idcard-box {
	padding: 20px;
	text-align: left;
	border-top: 0px;
	background-color: #f1f1f1;
	border-radius: 5px;
	width: 100%;
	height: 587px;
	overflow-y: scroll;
}

#idcard_check span {
	color: #0066cc;
	font-weight: 500;
}

#idcard_check span.cc0033 {
	color: #cc0033;
}

#idcard_check .authImg {
	text-align: center;
	margin: 10px auto;
	padding: 15px;
	border: 1px solid #aaa;
	width: 90%;
}

.mypage-login {
	padding-bottom: 15px;
}

.mypage-login dt,
.mypage-login dd {
	width: 33.33333333%;
}

.mypage-login p {
	color: #999;
	font-size: 12px;
	padding: 0 0 0 10px;
	margin-bottom: 3px;
}

.mypage-login h2 {
	margin-bottom: 5px;
}

.mypage-member {
	padding: 0;
	margin: 0;
	background-color: #fff;
	clear: both;
}

.mypage-member dt {
	/* width: 21%; */
	width: 29%;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 0px 0 0 10px;
	float: left;
	background-color: #f9f9f9;
	margin: 3px 0;
	margin-right: 1%;
	color: #999999;
	word-break: keep-all;
}

.mypage-member dt div {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}

.mypage-member dd {
	/* width: 78%; */
	width: 70%;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0 0 20px;
	float: left;
	background-color: #fff;
	margin: 3px 0;
}

.mypage-member dd.middle {
	width: 55%;
	margin-right: 1%;
	padding: 4px 0 0 4px;
}

.mypage-member dd.middle2 {
	/* width: 55%; */
	width: 47%;
	margin-right: 1%;
	padding: 10px 0 0 20px;
}

.mypage-member dd.middle input {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	width: 300px;
}

.mypage-member dd.middle3 {
	/* width: 78%; */
	width: 70%;
}

.mypage-member dd.middle3 input {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	/* width: 300px; */
	width: 100%;
}

/* .mypage-member dd.middle3 p {
    display: inline-block;
} */

.mypage-member p {
	color: red;
	font-size: 13px;
}

.mypage-member p::before {
	content: '※';
	color: red;
	margin-right: 5px;
	font-size: 13px;
}

.mypage-member dd.button {
	width: 22%;
	border: 0;
	padding: 0;
}

.mypage-member dd.button button {
	border: 0;
	background-color: #999999;
	color: #fff;
	width: 100%;
	height: 40px;
	word-break: keep-all;
}

.mypage-member dd.button a {
	border: 0;
	background-color: #999999;
	color: #fff;
	width: 100%;
	height: 40px;
	word-break: keep-all;
	text-align: center;
	/* padding-top: 10px; */
	font-size: 13px;
	line-height: 40px;
}

.buysell-list-box .mypage-confirm {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.buysell-list-box .mypage-confirm button {
	width: 360px;
	color: #fff;
	background-color: #333;
	font-size: 20px;
	padding: 13px 0;
	margin: 0px auto;
	display: block;
}

.mypage-confirm.inquireBtn {
	height: 30px;
	padding: 0;
	margin: 10px 0;
}

.mypage-confirm.inquireBtn > button {
	width: auto;
	padding: 5px 10px;
	font-size: 14px;
	margin: 0;
	border: none;
	float: right;
	background-color: var(--primary);
}

.mypage-alram {
	padding: 0;
	margin: 0;
	background-color: #fff;
	clear: both;
}

.mypage-alram dt {
	width: 39%;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0 0 10px;
	float: left;
	background-color: #f9f9f9;
	margin: 3px 0;
	margin-right: 1%;
	color: #999999;
}

.mypage-alram dd.middle {
	width: 37%;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 4px 0 0 20px;
	float: left;
	background-color: #fff;
	margin: 3px 0;
	margin-right: 1%;
}

.mypage-alram dd.button {
	width: 22%;
	height: 40px;
	padding: 0;
	float: left;
	background-color: #fff;
	margin: 3px 0;
	border: 0;
}

.mypage-alram dd.button button {
	border: 0;
	background-color: #999999;
	color: #fff;
	width: 100%;
	height: 40px;
}

.mypage-center {
	padding: 0;
	margin: 0;
	background-color: #fff;
	clear: both;
}

.mypage-center dt {
	width: 10%;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0 0 0px;
	text-align: center;
	float: left;
	background-color: #f9f9f9;
	margin: 3px 0;
	margin-right: 1%;
	color: #000;
	word-break: keep-all;
}

.mypage-center dd {
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	/* padding: 0 0 0 20px; */
	padding: 0 0 0 10px;
	float: left;
	background-color: #fff;
	margin: 3px 0;
	color: #999;
	word-break: keep-all;
}

.mypage-center dd div {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	font-size: 11px;
}

.mypage-center dd.mc0 {
	width: 24%;
	width: 29%;
}

.mypage-center dd.mc1 {
	/* width: 13% */
	width: 20%;
}

.mypage-center dd.mc2 {
	/* width: 34%; */
	width: 23%;
	color: #000;
	margin-right: 1%;
}

.mypage-center dd.input {
	/* width: 34%; */
	width: 23%;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	/* padding: 4px 0 0 20px; */
	padding: 4px 0 0 10px;
	float: left;
	background-color: #fff;
	margin-right: 1%;
}

.mypage-center dd.input input {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc !important;
	height: 30px;
	padding: 0 10px;
	width: 98%;
	color: #000;
	font-size: 13px;
}

.mypage-center dd.button {
	/* width: 17%; */
	width: 16%;
	height: 40px;
	padding: 0;
	float: left;
	background-color: #fff;
	margin: 3px 0;
	border: 0;
}

.mypage-center dd.button button {
	border: 0;
	background-color: #999999;
	color: #fff;
	width: 100%;
	height: 40px;
	word-break: keep-all;
}

.mypage-center dd.button button.active {
	background: #fff;
	color: var(--primary);
	border: 1px solid var(--primary);
	font-size: 12px;
}

.mypage-center dd.button input {
	border: 0;
	background-color: var(--primary);
	color: #fff;
	width: 100%;
	height: 40px;
	word-break: keep-all;
	/* font-size: 12px; */
	font-size: 14px;
	cursor: pointer;
}

.mypage-center dd.button input.authCom {
	background-color: #fefefe;
	border: 1px solid #bbb;
	color: #bbb;
}

.mypage-limit {
	padding: 0;
	margin: 0 0 20px 0;
	background-color: #fff;
	clear: both;
	width: 100%;
	border-spacing: 0px 5px;
	border-collapse: separate;
}

.mypage-limit th {
	word-break: keep-all;
	width: 15%;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	background-color: #f9f9f9;
	margin: 3px 0;
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
}

.mypage-limit th.spacing {
	width: 0.5%;
	border: 0;
	background-color: #fff;
}

.mypage-limit td {
	word-break: keep-all;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background-color: #fff;
	margin: 3px 0;
	color: #000;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

.mypage-limit td.mlrow {
	padding-top: 3px;
}

.mypage-limit th.mlcol {
	width: 7%;
	margin-right: 1%;
}

.mypage-limit th.mlcol2 {
	width: 7%;
	margin-right: 1%;
}

.mypage-limit th.mlcol-title {
	height: 500px;
	width: 6%;
	margin-right: 1%;
}

.mypage-alert {
	color: #cc0000;
	font-size: 12px;
	padding-left: 20px;
	line-height: 19px;
	text-align: right;
}

.mypage-alert span {
	color: #999999;
}

.mypage-otp p {
	color: #999999;
	font-size: 13px;
	line-height: 20px;
	padding: 0;
}

.mypage-otp-text {
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
}

.mypage-otp h3 {
	font-size: 20px;
	/* color: #cc0000; */
	color: var(--primary);
	margin-bottom: 10px;
	clear: both;
	padding-top: 50px;
	font-weight: bold;
}

.mypage-otp h4 {
	color: #000;
	font-size: 15px;
}

.bit-otp {
	text-align: center;
	padding: 20px 0 0 0;
}

.bit-otp div {
	text-align: center;
	float: left;
	width: 180px;
}

.bit-otp p {
	display: table-cell;
	vertical-align: middle;
	width: 180px;
	height: 110px;
	margin: 0 auto;
}

.bit-otp div.bit-pwkey {
	width: 340px;
	text-align: center;
}

.bit-otp div.bit-pwkey strong {
	display: block;
	margin: 0 auto;
	font-size: 24px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.bit-otp div.bit-pwkey p {
	height: auto;
	margin: 0 auto;
	display: block;
	margin: 0 auto;
	width: 100%;
	padding: 20px 0;
}

.bit-otp div.bit-pwkey button {
	width: 160px;
	padding: 8px 0;
}

.bit-otp-cont {
	width: 360px !important;
}

.bit-otpqr {
	width: 520px !important;
}

.bit-otpform {
	padding-top: 10px;
	clear: both;
}

.bit-otpform dt {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background-color: #f9f9f9;
	height: 40px;
	padding: 8px 0 0 10px;
	float: left;
	margin: 3px 0;
	margin-right: 1%;
	width: 22%;
	color: #999;
}

.bit-otpform dd {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background-color: #fff;
	height: 40px;
	padding: 4px 0 0 10px;
	float: left;
	margin: 3px 0;
	width: 77%;
}

.bit-otpform dd input {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	/* width: 300px; */
	width: 100%;
	color: #000;
}

.bit-otpform div {
	clear: both;
	padding: 15px 0 60px 0;
	text-align: center;
}

.bit-otpform button {
	width: 360px;
	color: #fff;
	background-color: #333;
	font-size: 20px;
	padding: 13px 0;
}

dd a {
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.btn-bitbay,
.btn-bitbay2 {
	background-color: #666;
	color: #fff;
	border-radius: 5px;
	margin: 1px 0 0 2px;
	font-size: 11px;
	border: 0;
	display: none;
}

.coin-list.bank_list input[type='checkbox'] + label span.check {
	margin: 0 10px 0 0;
}

.bank_list li label {
	padding: 15px 20px 15px 15px;
}

.bank_list .coin {
	padding-top: 0px;
	line-height: 27px;
}

.bank_list .price {
	top: 5px;
}

.bank_list .price div {
	height: auto;
}

.bank_list .price .cc0033 {
	font-size: 14px;
	margin-left: 5px;
}

.krw .price {
	top: 16px;
}

.btn-bitbay:hover,
.btn-bitbay:active,
.btn-bitbay:focus,
.btn-bitbay2:hover,
.btn-bitbay2:active,
.btn-bitbay2:focus {
	color: #fff;
}

.visible-xs2 {
	top: -20px;
}

.mypage-board dt {
	float: left;
	text-align: center;
	background-color: #f1f1f1;
	color: #666666;
	height: 40px;
	font-size: 12px;
	padding: 11px 0 0 0;
	border-top: 1px solid;
	border-bottom: 1px solid #e9e9e9;
}

.mypage-board dd {
	float: left;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #e9e9e9;
	height: 33px;
	font-size: 12px;
	padding: 7px 0 0 0;
}

.mypage-board .mb0 {
	width: 10%;
}

.mypage-board dt.mb1 {
	text-align: center;
}

.mypage-board .mb1 {
	width: 55%;
	text-align: left;
	cursor: pointer;
}

.mypage-board .mb2 {
	width: 20%;
}

.mypage-board .mb3 {
	width: 15%;
}

.mypage-board dd.sprite {
	background-color: #fafafa;
}

.mypage-board .paging {
	padding-bottom: 50px;
}

.custom-board dt {
	float: left;
	text-align: center;
	background-color: #f1f1f1;
	color: #666666;
	height: 40px;
	font-size: 12px;
	padding: 11px 0 0 0;
	border-top: 1px solid #e9e9e9;
}

.custom-board dd {
	float: left;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #e9e9e9;
	height: 33px;
	font-size: 12px;
	/*    padding: 7px 0 0 0;*/
	line-height: 33px;
}

.custom-board .mb0 {
	width: 10%;
}

.custom-board dt.mb1 {
	text-align: center;
}

.custom-board .mb1 {
	width: 55%;
	text-align: left;
}

.custom-board .mb2 {
	width: 12.5%;
}

.custom-board .mb2 span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.custom-board .mb3 {
	width: 10%;
}

.custom-board dd.sprite {
	background-color: #fafafa;
}

.custom-board .paging {
	padding-bottom: 50px;
	margin: 0 auto;
	clear: both;
}

.board_write {
	padding: 0;
	margin: 0;
}

.board_write dt {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background-color: #f9f9f9;
	height: 40px;
	padding: 8px 0 0 0px;
	float: left;
	margin: 3px 0;
	margin-right: 1%;
	width: 20%;
	color: #999;
	font-size: 14px;
}

.board_write dd {
	text-align: left;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background-color: #fff;
	height: 40px;
	padding: 4px 0 0 10px;
	float: left;
	margin: 3px 0;
	width: 79%;
}

.board_write dd select {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	width: 20%;
	color: #000;
	-webkit-appearance: none;
	/* 화살표 없애기 for chrome*/
	-moz-appearance: none;
	/* 화살표 없애기 for firefox*/
	appearance: none;
	/* 화살표 없애기 공통*/
	background: url(../image/arrow.png) 96% center no-repeat;
}

.board_write dd select::-ms-expand {
	display: none;
}

.board_write dd input {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 30px;
	padding: 0 10px;
	width: 100%;
	color: #000;
}

.board_write dd textarea {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #cccccc;
	height: 300px;
	padding: 0 10px;
	width: 100%;
	color: #000;
	resize: none;
}

.board_write .board_text {
	height: 310px;
}

.board_write dt.board_text {
	padding-top: 150px;
}

.board_write p {
	/* text-align: center; */
	font-size: 12px;
	/* color: #999; */
	color: red;
}

.board_write button {
	text-align: center;
	display: block;
	margin: 20px auto;
	background-color: #333333;
	color: #fff;
	font-size: 18px;
	width: 39%;
	padding: 10px 0;
}

.board-top {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 10px 10px 20px;
}

.board-top h3 {
	color: #000;
}

.board-top .board-name {
	float: right;
	font-size: 12px;
	margin-top: 2px;
}

.board-top span {
	margin-left: 20px;
}

.board-text {
	padding: 30px 20px 40px 20px;
}

.board-bottom {
	border-top: 1px solid #e9e9e9;
	padding: 10px 0 90px 0;
	position: relative;
}

.board-bottom a {
	display: block;
	background-color: #999999;
	color: #fff;
	width: 120px;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	right: 0;
}

.coin_title strong {
	background-color: #000;
	color: #fff;
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	padding-top: 1px;
	font-size: 18px;
	font-weight: normal;
	margin-top: -1px;
	margin-right: 3px;
}

.coin_title {
	font-size: 18px;
	margin: 0;
}

.coin_text {
	padding: 0;
}

.btn_coin_info {
	margin-top: 30px;
	font-weight: bold;
	width: 330px;
	display: block;
	border: 1px solid #ccc;
	font-size: 18px;
	color: #333;
	border-radius: 5px;
	background: #eee url(image/asset-icon.png) 96% center no-repeat;
	height: 55px;
	padding: 13px 0 0 10px;
}

.custom-board dd.oto_contents {
	width: 100%;
	height: auto;
	text-align: left;
	padding: 0;
}

.custom-board dd.oto_contents .oto_memo {
	border-bottom: 1px solid #f1f1f1;
	padding: 10px 20px 10px 120px;
	position: relative;
}

.custom-board dd.oto_contents .oto_reply_memo {
	padding: 10px 20px 10px 120px;
	position: relative;
}

.custom-board dd.oto_contents .oto_reply {
	position: absolute;
	left: 70px;
	top: 0;
	background-color: var(--primary);
	color: #fff;
	padding: 2px 10px;
	margin-left: -10px;
	margin-bottom: 5px;
	border-radius: 0 0 3px 3px;
}

.custom-board dd.oto_contents .singo {
	margin-left: 10px;
	font-size: 11px;
}

.custom-board dd.oto_contents .singo button {
	width: 40px;
}

.company-content {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 30px 0px 30px 20px;
	margin-bottom: 40px;
	line-height: 20px;
}

.company-content div.chk1-1 {
	margin: 0 20px 0 60px;
	font-size: 13px;
}

.company-content div.chk1-1 p {
	margin-left: -40px;
	word-break: keep-all;
}

.company-content div.chk1-1 b {
	margin-left: -20px;
	word-break: keep-all;
}

.company-content div.chk1-1 h5 {
	font-weight: bold;
	margin: 20px 0 0 -40px;
	font-size: 14px;
}

.company-content div.chk1-1 strong {
	margin-left: -20px;
	font-size: 14px;
}

.company-content div.chk1-1 div {
	margin-left: -40px;
}

.company-content div.chk1-1 table {
	border: 1px solid #333;
	border-spacing: 0;
	border-collapse: collapse;
}

.company-content div.chk1-1 th {
	text-align: center;
	background-color: #e6e6e6;
	padding: 10px;
}

.company-content div.chk1-1 td {
	background-color: #f8f8f8;
	padding: 10px;
}

.company-content2 {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 30px 20px;
	margin-bottom: 40px;
	line-height: 20px;
}

.company-content2 p {
	margin: 0 0 0 0px;
	font-size: 14px;
	word-break: keep-all;
}

.company-content2 div {
	padding-left: 40px;
	font-size: 12px;
	word-break: keep-all;
}

.company-content2 h5 {
	font-size: 13px;
	margin: 0 0 0 -30px;
}

.company-content2 strong {
	margin: 0 0 0 -20px;
	font-size: 12px;
}

.company-map {
	padding-bottom: 40px;
	clear: both;
	padding-top: 20px;
}

.company-up dl {
	border-top: 1px solid #e9e9e9;
}

.company-up dl:after {
	content: '';
	display: block;
	clear: both;
}

.company-up dt {
	float: left;
	height: 45px;
	width: 80%;
	border-bottom: 1px solid #e9e9e9;
	background-color: #fff;
	color: #000;
	padding-top: 11px;
	text-align: left;
	font-size: 14px;
}

.company-up dd {
	float: left;
	height: 45px;
	width: 20%;
	background-color: #fff;
	color: #666;
	text-align: center;
	padding-top: 11px;
	font-size: 14px;
}

.company-info h3 {
	text-align: center;
	font-size: 24px;
	padding-top: 10px;
}

.organization {
	margin: 0 30px;
}

.organization .comment {
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	padding-bottom: 30px;
}

.organization .row {
	position: relative;
}

.organization .line {
	position: absolute;
	width: 98%;
	border-top: 1px solid #aaaaaa;
	left: 1%;
	top: 30px;
}

.organization .col-sm-3 div {
	margin: 0 1%;
}

.organization .col-sm-3 div div {
	border-radius: 8px;
	text-align: center;
	height: 64px;
	padding-top: 10px;
	font-size: 15px;
}

.organization .col-sm-3 div p {
	text-align: center;
	font-size: 11px;
	line-height: 17px;
	padding-top: 10px;
	padding-bottom: 40px;
}

.organization .company1 div {
	background-color: #e88282;
	color: #781e1e;
}

.organization .company2 div {
	background-color: #82e8cc;
	color: #155644;
}

.organization .company3 div {
	background-color: #8e9ad0;
	color: #424d7f;
}

.organization .company4 div {
	background-color: #94c860;
	color: #31461c;
}

.people {
	margin: 0 80px;
	border-top: 1px solid #e9e9e9;
	padding-top: 25px;
	padding-bottom: 40px;
}

.bibako-people {
	text-align: center;
}

.people0 {
	border-top: 1px solid #e9e9e9;
	margin-top: 50px;
}

.people1 {
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0 10px 20px;
	font-size: 16px;
	color: #666;
}

.people2 {
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0;
	font-size: 16px;
}

.company-ceo {
	padding-bottom: 20px;
}

.greeting {
	background: url(../image/bibako-banner.png) center center no-repeat;
	background-size: cover;
	color: #fff;
	border-radius: 10px;
}

.greeting h3 {
	color: #fff;
	font-size: 28px;
	padding: 30px 30px 0 30px;
}

.greeting p {
	line-height: 18px;
	padding: 10px 30px 0 30px;
	font-size: 12px;
	font-weight: normal;
}

.greeting p strong {
	font-size: 24px;
	color: #00f0ff;
	font-weight: normal;
}

.greeting div {
	font-size: 12px;
	padding: 20px 0 50px 30px;
}

.greeting span {
	font-size: 14px;
	margin-left: 10px;
}

.company-ceo dl {
	border-top: 1px solid #e9e9e9;
	margin-top: 10px;
}

.company-ceo dt {
	height: 40px;
	float: left;
	width: 10%;
	background-color: #fff;
	border-bottom: 1px solid #e9e9e9;
	padding-top: 10px;
	font-size: 12px;
	text-align: left;
	padding-left: 30px;
}

.company-ceo dd {
	height: 40px;
	float: left;
	width: 45%;
	text-align: left;
	padding-left: 20px;
	padding-top: 2px;
	font-size: 12px;
}

.company-ceo dd.row1 {
	width: 85%;
}

.company-ceo dd.right {
	width: 30%;
}

.people .company1 {
	color: #e7625e;
}

.people .company2 {
	color: #488938;
}

.people .company3 {
	color: #a16eaf;
}

.people .company4 {
	color: #9b8a8a;
}

legend {
	display: none;
}

fieldset {
	border: 0;
}

.member {
	width: 700px;
	margin: 135px auto;
}

.member h2 {
	font-size: 28px;
	padding-top: 35px;
	padding-bottom: 15px;
}

.member form {
	width: 430px;
	margin: 0 auto;
	padding-bottom: 80px;
}

.member form div {
	position: relative;
	margin-bottom: 8px;
}

.member .field label {
	position: absolute;
	top: 13px;
	left: 15px;
	color: #999;
	font-size: 13px;
}

.member input[type='text'],
.member input[type='email'],
.member input[type='password'] {
	border: 1px solid #cccccc;
	border-radius: 5px;
	width: 100%;
	height: 44px;
	text-align: center;
	padding-left: 50px;
	font-size: 20px;
}

.member input[name='join_tra_pw']::-webkit-input-placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw']::-moz-placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw']:-ms-input-placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw']::-ms-input-placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw']::placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw_ck']::-webkit-input-placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw_ck']::-moz-placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw_ck']:-ms-input-placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw_ck']::-ms-input-placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}

.member input[name='join_tra_pw_ck']::placeholder {
	font-size: 13px;
	text-align: right;
	color: #ff1493;
	padding-right: 10px;
}
.member .field button {
	position: absolute;
	border: none;
	height: 44px;
	aspect-ratio: 1/1;
	background-color: transparent;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.member .field button i {
	font-size: 17px;
	color: #cccccc;
}

.member .check {
	float: left;
	margin-left: 10px;
	color: #999;
	margin-top: 6px;
}

.member .button {
	float: right;
	margin-right: 10px;
}

.member .button button {
	border: 0;
	background-color: #999;
	color: #fff;
	min-width: 105px;
	padding: 6px 10px;
	font-size: 13px;
}

.member .submit {
	/* background-color: #333333; */
	background-color: var(--primary);
	border: 0;
	color: #fff;
	font-size: 20px;
	width: 100%;
	padding: 12px 0;
	margin-top: 30px;
}

.member-memo {
	font-size: 11px;
	line-height: 16px;
	color: #999;
	padding-bottom: 30px;
	padding-left: 5px;
}

.member-memo2 {
	font-size: 11px;
	line-height: 16px;
	color: #999;
	padding-bottom: 10px;
	padding-left: 5px;
}

.member-memo3 {
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	padding-bottom: 10px;
	padding-left: 5px;
}

.member-checkbox {
	clear: both;
}

.member-company {
	display: none;
}

.signup-btn button {
	/* width: 49.5%; */
	width: 100%;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #999;
	padding: 2px 0 3px 0;
}

.signup-btn button.active {
	border: 1px solid var(--primary);
	background-color: var(--primary);
	color: #fff;
}

/* .signup-btn button:first-child {
    margin-right: 0.5%;
}

.signup-btn button:last-child {
    margin-left: 0.5%;
} */

.signup-chk1-contents {
	height: 400px;
	text-align: left;
	border-top: 0px;
	background-color: #f1f1f1;
	border-radius: 5px;
	width: 100%;
	margin: 0 auto;
}

.signup-chk .panel {
	padding: 10px 25px 25px 25px;
	height: 577px;
}

.signup-chk .panel-body {
	padding-top: 0;
}

.signup-chk .panel-body p {
	padding: 0;
	font-size: 12px;
	text-align: left;
	color: #333;
}

.signup-chk .panel-body b {
	color: #cc0033;
}

.signup-chk .panel-heading {
	border-bottom: 0;
}

.signup-chk .panel-heading h3 {
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

.signup-chk .panel-heading p {
	font-size: 12px;
	color: #333;
	text-align: center;
	padding: 3px 0 8px 0;
}

.signup-chk .bitbay-alert-ok {
	width: 96%;
	margin-top: 20px;
}

.signup-chk .modal-dialog {
	width: 700px;
	margin-left: 12px;
	margin: 0 auto;
}

.modal-dialog {
	margin: 0 !important;
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.panel-heading h3 {
	padding: 13px 0 10px 0;
	background-color: var(--primary);
	border-bottom: none !important;
	color: #fefefe !important;
}

.signup-chk1-contents {
	padding: 10px 10px 0 10px;
}

.signup-chk .bitbay-alert-ok {
	width: 100%;
	margin: 0;
}

.signup-chk .panel {
	padding: 0px;
	height: auto;
}

.company-content2 div {
	padding: 0;
}

.company-content2 h5 {
	margin: 0;
}

.bitbay-popup.perInfopopup {
	top: calc(50% - 264.5px) !important;
	left: calc(50% - 350px) !important;
}

.bitbay-pull-bg {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	position: fixed;
	z-index: 999990;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
}

.bitbay-popup {
	position: fixed;
	z-index: 999999;
}

.bitbay-popup.mainpopup {
	overflow: hidden;
	border-radius: 5px;
	max-width: 450px;
	word-break: keep-all;
	min-width: 200px;
	margin: calc(50vh - 300px) calc(50% - 225px);
	width: 450px;
	height: 600px;
	border: 1px solid #aaa;
}

.bitbay-popup.perinfopopup {
	width: 700px;
	height: auto;
}

.bitbay-popup.errorPopup {
	width: 580px;
	height: 177px;
}

.bitbay-popup.idcardPopup {
	width: 580px;
	height: 740px;
}

.accountFailPopup {
	width: 400px !important;
	/* height: 158px !important; */
	height: auto !important;
	left: calc(50% - 200px) !important;
	top: calc(50% - 79px) !important;
}

.accountError {
	background-color: #eee !important;
	width: 400px !important;
	/* height: 158px !important; */
	height: auto !important;
	border: 2px solid red !important;
	box-shadow: 2px 2px 2px 2px rgba(111, 111, 111, 1) !important;
}

.accountError h2 {
	font-size: 16px !important;
	font-weight: bold;
}

.accountError p {
	font-size: 14px !important;
	text-align: center;
	padding: 12px 10px !important;
}

.accountCont {
	margin-top: 14px;
}

.accountError .bitbay-error-alert-ok {
	width: 100%;
	margin: 0;
	background-color: #fefefe;
	color: #999;
	border-top: 1px solid #ccc;
	height: 31px;
}

.accountError .bitbay-error-alert-ok:hover {
	color: #fefefe;
	background-color: #999;
}

.bitbay-popup-box {
	margin: 0 auto;
	width: auto;
	background-color: #fff;
	z-index: 999999;
	border-radius: 0px;
	border: none;
	box-shadow: none;
}

.bitbay-popup-box h2 {
	margin: 0;
	/* padding: 13px 0 10px 0; */
	line-height: 40px;
	color: #fefefe;
	background-color: var(--primary);
	font-size: 18px;
}

.bitbay-popup.mainpopup h2 > button.mainpClose {
	border: none;
	text-align: right;
	float: right;
	background-color: transparent;
	color: #fefefe;
	width: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 5px;
}

.popupCont {
	max-height: 500px;
	width: 100%;
	overflow-y: scroll;
	border-bottom: 1px solid #ccc;
	height: auto;
	padding: 10px 20px;
}

.mainpopup .popupCont {
	width: 100%;
	height: 525px;
	overflow-y: auto;
	padding: 15px;
	border-bottom: 1px solid #aaa;
	max-height: 525px;
}

.popupCont::-webkit-scrollbar {
	width: 5px;
}

.popupCont::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.popupCont::-webkit-scrollbar-thumb {
	background-color: #ababab;
}

.bitbay-popup-box p {
	font-size: 20px;
	margin: 20px 0;
}

.bitbay-popup-box p:first-child {
	/* margin: 10px 0; */
}

.popupBtnArea > input[type='checkbox'] {
	float: left;
}

.popupBtnArea {
	width: 100%;
	height: 35px;
	float: left;
	padding-left: 20px;
	background-color: #fff;
}

.popupBtnArea .check {
	margin: -1px 5px 0 0 !important;
}

.popupBtnArea > label {
	cursor: pointer;
	height: 35px;
	line-height: 35px;
}

input.PopupCheck[type='checkbox']:checked + label {
	color: var(--primary);
	font-weight: bold;
}

.service-btn {
	margin: 0 -0.5%;
}

.service-btn div {
	width: 32.3333333%;
	margin: 0.5%;
	float: left;
}

.service-btn button {
	width: 100%;
	background-color: #fff;
	color: #999999;
	padding: 5px 0;
	font-size: 18px;
}

.service-btn button.active {
	background-color: var(--primary);
	color: #fff;
}

.service-contents {
	clear: both;
	padding-top: 5px;
	margin-bottom: 30px;
}

.service-contents h2 {
	margin-bottom: 0;
}

.service-contents h2.icon {
	margin-bottom: 0px;
	padding: 10px 10px 30px 40px;
	background: url(../image/service_icon.png) 10px 10px no-repeat;
	border: 0;
	color: #333333;
	text-align: left;
}

.service-contents h3 {
	padding-top: 30px;
	margin-bottom: 10px;
	clear: both;
}

.service-contents div.sbox {
	border: 1px solid var(--primary);
	border-top: 0;
	padding: 0 40px 30px 40px;
}

.service-contents div.sbox img {
	margin: 0 auto;
	display: block;
}

.service-contents div.button {
	margin: 0 -0.5%;
	clear: both;
}

.service-contents div.button div {
	float: left;
	width: 19%;
	margin: 0 0.5%;
	height: 70px;
}

.service-contents div.button div button {
	width: 100%;
	border-radius: 5px 5px 0 0;
	text-align: left;
	padding: 4px 0 4px 60px;
	height: 100%;
}

.service-contents div.button div button.active {
	background-color: #999999;
	color: #fff;
	border: 1px solid #999;
}

.tab01 .service-contents div.sbox {
	clear: both;
	border-top: 1px solid var(--primary);
}

.service-contents p {
	background: #f1f1f1 url(../image/service_icon.png) 10px 10px no-repeat;
	padding: 10px;
	width: 60%;
	padding-left: 25px;
	line-height: 20px;
	margin-top: 20px;
}

.service-contents span {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	padding-left: 12px;
}

.service-contents h3 span {
	display: inline;
	font-size: 18px;
	margin-bottom: 10px;
	padding-left: 12px;
}

.service-contents strong {
	border-radius: 3px;
	color: #fff;
	background-color: #000;
	width: 25px;
	padding-bottom: 3px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
}

.service-notice {
	margin: 0 -0.25%;
}

.service-notice div {
	margin: 0 0.25%;
	width: 16.166666666667%;
	float: left;
}

.service-notice button {
	width: 100%;
	display: block;
	font-size: 16px;
	padding: 7px 0;
}

.service-notice-box {
	clear: both;
}

.service-notice-box .tab-box {
	color: #999;
	padding: 20px;
	line-height: 18px;
}

.service-notice-box .tab-box p {
	color: #999;
	padding: 20px;
	line-height: 18px;
	padding: 0 0 0 8px;
}

.service-notice-box .tab-box strong {
	color: #000;
}

.service-notice-box .sbox {
	margin: 0 0.25%;
}

.service-notice-box .service-contents div.sbox {
	border-top: 1px solid var(--primary);
}

.service-notice-box .service-contents div.sbox img {
	float: left;
	margin-right: 20px;
}

.service-notice-box .service-contents div.sbox p {
	float: left;
	background: transparent;
	width: 45%;
	padding: 0;
	margin: 20px 0 0 0;
	font-size: 14px;
	color: #666666;
}

.service-notice-box .service-contents div.sbox p span.cc0033 {
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.service-notice-box .service-contents div.sbox p span.f000 {
	color: #000;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.service-notice-box .service-contents div.sbox p.w100per {
	width: 100%;
	margin: 0;
	padding: 0 0 0 45px;
}

.service-fee {
	margin: 0 -0.5%;
}

.service-fee div {
	float: left;
	margin: 0 0.5%;
	width: 49%;
}

.service-fee button {
	width: 100%;
	display: block;
	font-size: 16px;
	padding: 7px 0;
}

.service-fee-box dt {
	width: 33.33333%;
	float: left;
	font-size: 12px;
	background-color: #f1f1f1;
	text-align: center;
	height: 40px;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0 0 0;
	color: #666;
}

.service-fee-box dd {
	width: 33.33333%;
	float: left;
	font-size: 12px;
	text-align: center;
	height: 35px;
	border-bottom: 1px solid #e9e9e9;
	padding: 9px 0 0 0;
	color: #000;
}

.service-fee-box dd.sprite {
	background-color: #fafafa;
}

.service-fee-box dd.text-right {
	text-align: right;
	/* padding-right: 10%; */
}

.service-fee-box p {
	clear: both;
	color: #999;
	padding: 10px 20px 20px 20px;
	font-size: 14px;
}

.service-fee-box h4 {
	color: #999;
	font-size: 14px;
	padding: 20px 0 0 20px;
	clear: both;
}

.service-fee-box h3 {
	color: #333;
	font-size: 16px;
	padding: 0px 0 10px 20px;
}

.service-faq {
	margin: 0 -0.25%;
}

.service-faq div {
	margin: 0 0.25%;
	width: 19.5%;
	float: left;
}

.service-faq button {
	width: 100%;
	display: block;
	font-size: 16px;
	padding: 7px 0;
}

.faq-box {
	clear: both;
	padding-top: 1px;
	padding-bottom: 20px;
}

.faq-box ul,
.faq-box li {
	padding: 0;
	margin: 0;
}

.faq-box ul {
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	margin-top: 20px;
}

.faq-box li {
	cursor: pointer;
	border-bottom: 1px solid #e9e9e9;
}

.faq-box li h3 {
	background: url(../image/faq-icon.png) 10px 11px no-repeat;
	color: #666666;
	height: 55px;
	margin: 0;
}

.faq-box li h3 span {
	background: url(../image/faq-open.png) right center no-repeat;
	color: #666666;
	display: block;
	height: 55px;
	padding: 14px 0 14px 55px;
	font-size: 17px;
	margin-right: 40px;
}

.faq-box li.active h3 {
	background-color: #f4f4f4;
}

.faq-box li.active h3 span {
	background: url(../image/faq-close.png) right center no-repeat;
	color: #000;
}

.faq-box li div.memo {
	padding: 20px 20px;
	display: none;
	margin: 0;
}

.level_icon1 button {
	background: url(../image/Ic_mail_off.png) 10px center no-repeat;
}

.level_icon2 button {
	background: url(../image/Ic_me_off.png) 10px center no-repeat;
}

.level_icon3 button {
	background: url(../image/Ic_bank_off.png) 10px center no-repeat;
}

.level_icon4 button {
	background: url(../image/Ic_id_off.png) 10px center no-repeat;
}

.level_icon5 button {
	background: url(../image/Ic_otp_off.png) 10px center no-repeat;
}

.level_icon1 button.active {
	background: url(../image/Ic_mail_on.png) 10px center no-repeat;
}

.level_icon2 button.active {
	background: url(../image/Ic_me_on.png) 10px center no-repeat;
}

.level_icon3 button.active {
	background: url(../image/Ic_bank_on.png) 10px center no-repeat;
}

.level_icon4 button.active {
	background: url(../image/Ic_id_on.png) 10px center no-repeat;
}

.level_icon5 button.active {
	background: url(../image/Ic_otp_on.png) 10px center no-repeat;
}

.service-contents div.sbox .tab01_4 div img {
	float: left;
	margin-right: 20px;
}

.service-contents div.sbox .tab01_4 div p {
	float: left;
	background: transparent;
	padding-left: 0px;
	color: #666;
	padding-top: 0;
	width: 50%;
}

.service-contents div.sbox .tab01_4 div p span {
	background: url(../image/service_icon.png) 0 10px no-repeat;
	color: #cc0033;
	display: block;
	padding: 10px 0 10px 30px;
}

.service-contents div.sbox .tab01_5 div p {
	background: transparent;
	padding: 0;
}

.service-contents div.sbox .mypage-otp {
	padding: 0;
}

.service-contents div.sbox .tab01_5 div p.otp-text {
	width: 100%;
}

.service-contents div.sbox .tab01_5 div p.otp-qr {
	margin-top: 10px;
}

.bit-otp div.bit-pwkey strong.otp-address {
	background-color: #fff;
	color: #000;
	width: auto;
}

#tab02 h3 {
	color: #cc0033;
	font-size: 18px;
	margin-bottom: 13px;
}

#tab02 img {
	margin: 14px 0 0 0;
}

#tab02 ul {
	padding: 0;
	margin: 0;
}

#tab02 li {
	padding: 0 0 18px 18px;
	margin: 0;
	background: url(../image/service_tab02-icon.png) 0 3px no-repeat;
}

#tab02 .btn01 {
	display: block;
	color: #fff;
	background-color: #333;
	padding: 10px;
	width: 400px;
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
}

#tab02 .btn02 {
	display: block;
	color: #fff;
	background-color: #cc0000;
	padding: 10px;
	width: 538px;
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
}

#tab02 .cc0033 {
	font-size: 12px;
	padding-left: 0;
}

.mypage .leftmenuBtn {
	margin-top: 5px;
	width: 80%;
	height: 30px;
	color: #999;
	border: 1px solid var(--line);
	border-radius: 5px;
}

.res-nav_click span {
	display: block;
	width: 22px;
	background-color: var(--primary);
	height: 2px;
	margin-bottom: 5px;
}

.res-nav_click span:last-child {
	margin-bottom: 0;
}

.apiTitle p {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

.mypage-api dt {
	height: 40px;
	display: inline-block;
	text-align: center;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	color: #999;
	word-break: keep-all;
	background-color: #f9f9f9;
	float: left;
	line-height: 40px;
	margin-top: 5px;
}

.mypage-api dd {
	height: 40px;
	display: inline-block;
	text-align: center;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background-color: #fff;
	float: left;
	line-height: 40px;
	margin-top: 5px;
}

.apiaccess dt {
	width: 25%;
}

.apiaccess dd {
	width: 25%;
}

.apictl dt {
	width: 30%;
}

.apictl dd {
	width: 70%;
	text-align: left;
}

.apictl dd input {
	width: 50%;
	height: 30px;
	border: none;
	padding-left: 7px;
}

.apictl dd p {
	display: inline-block;
}

.secauth dt {
	width: 30%;
}

.secauth dd {
	width: 70%;
	text-align: left;
}

.secauth dd input {
	width: 50%;
	height: 30px;
	border: none;
	padding-left: 7px;
}

.secauth dd p {
	display: inline-block;
}

.useApi dt {
	width: 20%;
}

.useApi dd {
	width: 20%;
}

.buysell-list-box .btm_btn {
	width: 100%;
}

.buysell-list-box .btm_btn a {
	width: 200px;
	height: 40px;
	margin: 0 auto;
	background-color: #333;
	display: block;
	margin-top: 20px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
}

.mypageAipText {
	margin-top: 20px;
}

.mypageAipText p:first-child {
	font-weight: bold;
	color: #cc0000;
	font-size: 14px;
}

.mypageAipText p:first-child::before {
	content: '※';
	font-size: 14px;
	margin-right: 3px;
}

.mypageAipText p {
	font-size: 12px;
}

.buysell-list-box > p {
	margin: 5px 0;
}

.otp-p p {
	display: inline-block;
}

.bank-list dd.bl0 span {
	float: left;
	display: inline-block;
}

.bank-list dd.bl0 span.transAddval {
	clear: both;
	float: left;
}

.bank-list dd.bl0 span.transDesval {
	float: right;
}

.bank-list dd.bl0 a {
	float: right;
	/* width: calc(100% - 47px); */
	width: calc(100% - 80px);
}

.mb3dfq {
	display: none;
	width: 100%;
	height: auto !important;
	text-align: left !important;
	padding-left: 10% !important;
	line-height: 25px;
	word-break: break-all;
}

.mb3dfq .title {
	display: inline-block;
	background-color: #333;
	padding: 2.5px 10px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 6px;
}

.mypage-member dd.middle2.middleph {
	padding: 4px 0 0 4px;
}

.mypage-member dd.middle3.middle3In {
	padding: 4px 0 0 4px;
}

.bitbay-main .row .button button.coininfoBtn {
	background-color: transparent !important;
}

.bitbay-main .row .button button.coininfoBtn a {
	color: #666;
	text-decoration: underline;
}

#map {
	width: 100%;
	height: 405px;
}

#map .comPosi p {
	font-size: 14px;
}

#map .comPosi span {
	letter-spacing: -0.2px;
	font-weight: 200;
}

.mapwrap {
	width: 100%;
	height: 405px;
}

#confirm_msg {
	text-align: center;
	line-height: 30px;
	padding: 15px;
	font-size: 16px;
}

#error_msg {
	text-align: center;
	line-height: 30px;
	padding: 15px;
	font-size: 16px;
}

.mainPopTitle {
	font-weight: bold;
}

.mainPopTitle::after {
	content: '';
	clear: both;
	display: block;
}

.mainPopTitle > p {
	width: calc(100% - 40px);
	line-height: 40px;
	color: #fefefe;
	font-size: 15px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 15px;
	margin: 0;
}

.mainpopupTopClose {
	width: 40px;
	height: 40px;
	float: right;
	cursor: pointer;
}

.mainpopupTopClose > i {
	line-height: 40px;
}

.accountAuth form {
	padding: 20px 20px 0 20px;
}

#frm button#btn_account_request {
	width: 100%;
	height: 40px;
	display: block;
	background-color: var(--primary);
	margin-bottom: 10px;
	color: #fefefe;
	border: none;
}

.accountAuth p {
	padding: 0 20px !important;
	margin: 0 0 20px 0 !important;
}

#buysell_msg {
	font-size: 16px;
	text-align: center;
	padding: 15px;
	margin: 0 !important;
}

.bitbay-alert-yes {
	width: 50%;
	background-color: var(--primary);
	color: #fff;
	padding: 10px 0;
	font-size: 16px;
	border: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #fefefe;
}

.bitbay-alert-no {
	width: 50%;
	background-color: #fff;
	color: #333;
	padding: 10px 0;
	font-size: 16px;
	float: left;
	border: none;
	border-top: 1px solid #ccc;
}

.droid.b000.up {
	font-weight: bold;
}

.droid.b000.down {
	font-weight: bold;
}

.apicheckbox label span.check {
	margin: -2px 5px 0 0 !important;
}

.apicheckbox label.checkbox-inline {
	cursor: pointer;
}

.bitbay-stock .left h2 .title {
	font-size: 12px;
}

.bitbay-stock .left h2 .price {
	font-size: 12px;
	margin-top: 3px;
}

.bitbay-stock .left h2 {
	padding: 4px 3px 0 17px;
}

.bitbay-stock .left div span.per {
	width: 60px;
}

.bitbay-stock .left div span.updown {
	text-align: right;
	width: 95px;
}

.bitbay-stock .left div {
	display: flex;
	justify-content: space-between;
	padding: 4px 5px;
}

.bitbay-chart-coin .useableAlt {
	border-bottom: 1px solid #ddd;
}

.text-center button.buttonAPI {
	border: none;
	margin: 0;
	padding: 0;
	height: 38px;
	background-color: transparent;
}

.text-center button.buttonAPI:hover {
	color: var(--primary);
}

.apiPopup p {
	padding: 0 10px;
	font-size: 16px;
}

.apiPopup table {
	padding: 0 10px;
}

.apiPopup tbody {
	display: block;
	width: 100%;
}

.apiPopup tbody tr {
	display: block;
	width: 100%;
	height: 30px;
	margin-bottom: 3px;
}

.apiPopup tbody tr th {
	width: 50%;
	display: block;
	float: left;
	height: 100%;
	line-height: 30px;
}

.apiPopup tbody tr td {
	width: 50%;
	display: block;
	float: right;
	text-align: center;
	border-bottom: 1px solid #eee;
	line-height: 22px;
}

.buysell-list-box .btn_all {
	background-color: #333;
	color: #fefefe;
	padding: 2px 10px;
}

.apiauthPopup {
	width: 500px;
	height: 321px;
	top: calc(50% - 160.5px) !important;
	left: calc(50% - 250px) !important;
}

.text-center .lockIcon {
	margin-top: -5px;
}

.buysell-list-box .mypage-confirm.api-confirm button {
	width: auto;
	padding: 5px 10px;
	border: none;
	background-color: var(--primary);
	font-size: 14px;
}

.text-center.apikeyVal {
	font-size: 13px;
	padding: 0 15px;
}

.section-40.bg_ty01 {
	padding-top: 70px;
}

.section-40.bg_ty01 .shell {
	width: 95%;
	margin: 0 auto;
}

.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
	-moz-border-radius: 0 0 0 0 !important;
	-webkit-border-radius: 0 0 0 0 !important;
	background: none !important;
	border: 0 !important;
	bottom: auto !important;
	float: none !important;
	height: auto !important;
	left: auto !important;
	line-height: 1.1em !important;
	margin: 0 !important;
	outline: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
	position: static !important;
	right: auto !important;
	text-align: left !important;
	top: auto !important;
	vertical-align: baseline !important;
	width: auto !important;
	box-sizing: content-box !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
	min-height: inherit !important;
	min-height: auto !important;
}

.syntaxhighlighter {
	width: 100% !important;
	margin: 1em 0 1em 0 !important;
	position: relative !important;
	overflow: hidden !important;
	font-size: 1em !important;
}

.syntaxhighlighter.source {
	overflow: hidden !important;
}

.syntaxhighlighter .bold {
	font-weight: bold !important;
}

.syntaxhighlighter .italic {
	font-style: italic !important;
}

.syntaxhighlighter .line {
	white-space: pre !important;
}

.syntaxhighlighter table {
	width: 100% !important;
}

.syntaxhighlighter table caption {
	text-align: left !important;
	padding: 0.5em 0 0.5em 1em !important;
}

.syntaxhighlighter table td.code {
	width: 100% !important;
}

.syntaxhighlighter table td.code .container {
	position: relative !important;
}

.syntaxhighlighter table td.code .container textarea {
	box-sizing: border-box !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border: none !important;
	background: white !important;
	padding-left: 1em !important;
	overflow: hidden !important;
	white-space: pre !important;
}

.syntaxhighlighter table td.gutter .line {
	text-align: right !important;
	padding: 0 0.5em 0 1em !important;
}

.syntaxhighlighter table td.code .line {
	padding: 0 1em !important;
}

.syntaxhighlighter.nogutter td.code .container textarea,
.syntaxhighlighter.nogutter td.code .line {
	padding-left: 0em !important;
}

.syntaxhighlighter.show {
	display: block !important;
}

.syntaxhighlighter.collapsed table {
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar {
	display: none;
	padding: 0.1em 0.8em 0em 0.8em !important;
	font-size: 1em !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
}

.syntaxhighlighter.collapsed .toolbar span {
	display: inline !important;
	margin-right: 1em !important;
}

.syntaxhighlighter.collapsed .toolbar span a {
	padding: 0 !important;
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar span a.expandSource {
	display: inline !important;
}

.syntaxhighlighter .toolbar {
	display: none;
	position: absolute !important;
	right: 1px !important;
	top: 1px !important;
	width: 11px !important;
	height: 11px !important;
	font-size: 10px !important;
	z-index: 10 !important;
}

.syntaxhighlighter .toolbar span.title {
	display: inline !important;
}

.syntaxhighlighter .toolbar a {
	display: block !important;
	text-align: center !important;
	text-decoration: none !important;
	padding-top: 1px !important;
}

.syntaxhighlighter .toolbar a.expandSource {
	display: none !important;
}

.syntaxhighlighter.ie {
	font-size: 0.9em !important;
	padding: 1px 0 1px 0 !important;
}

.syntaxhighlighter.ie .toolbar {
	line-height: 8px !important;
}

.syntaxhighlighter.ie .toolbar a {
	padding-top: 0px !important;
}

.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
	background: none !important;
}

.syntaxhighlighter.printing .line .number {
	color: #bbbbbb !important;
}

.syntaxhighlighter.printing .line .content {
	color: black !important;
}

.syntaxhighlighter.printing .toolbar {
	display: none !important;
}

.syntaxhighlighter.printing a {
	text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a {
	color: black !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a {
	color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a {
	color: blue !important;
}

.syntaxhighlighter.printing .keyword {
	color: #006699 !important;
	font-weight: bold !important;
}

.syntaxhighlighter.printing .preprocessor {
	color: gray !important;
}

.syntaxhighlighter.printing .variable {
	color: #aa7700 !important;
}

.syntaxhighlighter.printing .value {
	color: #009900 !important;
}

.syntaxhighlighter.printing .functions {
	color: #ff1493 !important;
}

.syntaxhighlighter.printing .constants {
	color: #0066cc !important;
}

.syntaxhighlighter.printing .script {
	font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a {
	color: gray !important;
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a {
	color: #ff1493 !important;
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a {
	color: red !important;
}

.syntaxhighlighter.printing .break,
.syntaxhighlighter.printing .break a {
	color: black !important;
}

.cs_inner_wrap02 {
	padding: 15px;
}

.syntaxhighlighter {
	background-color: #f7f7f7 !important;
}

.syntaxhighlighter .line.alt1 {
	background-color: F7F7F7 !important;
}

.syntaxhighlighter .line.alt2 {
	background-color: F7F7F7 !important;
}

.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {
	background-color: #e0e0e0 !important;
}

.syntaxhighlighter .line.highlighted.number {
	color: black !important;
}

.syntaxhighlighter table caption {
	color: black !important;
}

.syntaxhighlighter .gutter {
	color: #afafaf !important;
}

.syntaxhighlighter .gutter .line {
	border-right: 3px solid #6ce26c !important;
}

.syntaxhighlighter .gutter .line.highlighted {
	background-color: #6ce26c !important;
	color: white !important;
}

.syntaxhighlighter.printing .line .content {
	border: none !important;
}

.syntaxhighlighter.collapsed {
	overflow: visible !important;
}

.syntaxhighlighter.collapsed .toolbar {
	color: blue !important;
	background: F7F7F7 !important;
	border: 1px solid #6ce26c !important;
}

.syntaxhighlighter.collapsed .toolbar a {
	color: blue !important;
}

.syntaxhighlighter.collapsed .toolbar a:hover {
	color: red !important;
}

.syntaxhighlighter .toolbar {
	color: white !important;
	background: #6ce26c !important;
	border: none !important;
}

.syntaxhighlighter .toolbar a {
	color: white !important;
}

.syntaxhighlighter .toolbar a:hover {
	color: black !important;
}

.syntaxhighlighter .plain,
.syntaxhighlighter .plain a {
	color: black !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a {
	color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a {
	color: blue !important;
}

.syntaxhighlighter .keyword {
	color: #006699 !important;
}

.syntaxhighlighter .preprocessor {
	color: gray !important;
}

.syntaxhighlighter .variable {
	color: #aa7700 !important;
}

.syntaxhighlighter .value {
	color: #009900 !important;
}

.syntaxhighlighter .functions {
	color: #ff1493 !important;
}

.syntaxhighlighter .constants {
	color: #0066cc !important;
}

.syntaxhighlighter .script {
	font-weight: bold !important;
	color: #006699 !important;
	background-color: none !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a {
	color: gray !important;
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a {
	color: #ff1493 !important;
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a {
	color: red !important;
}

.syntaxhighlighter .keyword {
	font-weight: bold !important;
}

#container {
	padding: 20px 0 60px 30px;
	width: 948px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #fff #f4f4f4;
}

#container .content_wrap {
	width: 920px;
}

p.title {
	color: #fff;
	background-color: var(--primary);
	border: 1px solid var(--primary);
	font-size: 14px;
	margin: 0 0 10px 0;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin-top: 30px;
	clear: both;
}

.div {
	clear: both;
	display: block;
	width: 100%;
	height: 40px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	line-height: 40px;
	background-color: #f9f9f9;
}

.div div {
	width: 40%;
	float: left;
	font-size: 14px;
	color: #999;
	font-weight: bold;
	text-align: center;
}

.div .first {
	width: 60%;
}

.sub_title {
	float: left;
	width: 100%;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
}

.sub_title div {
	width: 40%;
	float: left;
	color: #999;
	font-size: 12px;
	text-align: center;
}

.sub_title .first {
	width: 60%;
	/*520px;*/
	font-size: 14px;
	font-weight: bold;
	color: #2080d0;
}

.sub_title .first2 {
	width: 370px;
	padding-top: 10px;
	line-height: 20px;
}

.sub_title .first3 {
	width: 370px;
	line-height: 20px;
}

.more {
	/*    padding-left: 10px;*/
	cursor: pointer;
	/*    font-size: 12px;*/
	/*    text-decoration: underline;*/
	/*    color: #333;*/
	font-weight: bold;
	font-size: 14px;
}

.more_api {
	padding-left: 10px;
	cursor: pointer;
	font-size: 12px;
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}

.sub_title .double_line {
	line-height: 30px;
}

.subscript {
	padding: 10px 10px 10px 30px;
	font-weight: bold;
	font-size: 14px;
}

.descript {
	clear: both;
	display: none;
	margin: 0 30px;
	padding-bottom: 30px;
	font-size: 14px;
}

.descript p {
	height: 25px;
	line-height: 25px;
}

.descript .g_bold {
	padding-top: 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.descript .g_table_list {
	margin-top: 10px;
}

.g_table_list .align_left {
	padding-left: 10px;
	text-align: left;
}

.error_table {
	margin-bottom: 20px;
}

.download {
	padding-left: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #2080d0;
	line-height: 25px;
}

.line {
	clear: both;
	border-bottom: 1px solid #dee0e0;
}

.notice {
	padding-left: 0px;
	font-size: 13px;
	line-height: 20px;
}

.notice .notice_title {
	padding-top: 15px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.g_table_list {
	width: calc(70% - 20px);
	float: left;
	margin-right: 20px;
}

.g_bold {
	width: 30%;
	height: 34px;
	line-height: 34px;
	float: left;
}

.brushjs {
	width: 30%;
	float: left;
}

.notice_apiBox {
	width: 50%;
	float: left;
	margin-top: 15px;
}

.notice_apiBox p {
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	background-color: #f9f9f9;
}

.notice_apiBox span {
	font-size: 14px;
	display: block;
	line-height: 25px;
	margin-top: 10px;
	text-align: center;
}

.g_table_list tr th {
	background-color: #f9f9f9;
	text-align: center;
	border: 1px solid #d5d5d5;
	color: #999;
	padding: 7.5px 0;
}

.g_table_list tr td {
	border-bottom: 1px solid #d5d5d5;
	text-align: center;
	padding: 5px 0;
}

.g_table_list tr .gray {
	background-color: #e3e5e7;
}

.g_table_list tr .org {
	background-color: #fbf1e2;
}

.g_table_list tr .fisrt {
	border-left: 1px solid #666876;
}

.g_table_list tr .top {
	border-top: 1px solid #666876;
	border-bottom: 1px solid #666876;
}

.g_table_list tr .end {
	border-right: 1px solid #666876;
}

.g_table_list tr .gend {
	border-bottom: 1px solid #666876;
}

.g_table_list tr .left {
	padding-left: 15px;
	text-align: left;
}

.g_table_list tr .left02 {
	padding-left: 7px;
	text-align: left;
}

.g_table_list tr .right {
	padding-right: 15px;
	text-align: right;
}

.g_table_list tr .center {
	padding: 0;
	text-align: center;
}

.g_table_list tr .group_end {
	border-bottom: 2px solid #d5d5d5;
}

.g_table_list .sell td {
	color: #0e7019;
}

.g_table_list .buying td {
	color: #f6742d;
}

.footer-logo > a {
	width: 80%;
	display: block;
}

/* popup */

/* main banner */
#main-slide {
	width: 100%;
}

#main-slide .bannerWrap {
	position: relative;
}

#main-slide .bannerWrap .banner {
	height: 570px;
}

#main-slide .bannerWrap .banner .bannerCont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

#main-slide .bannerWrap .banner .bannerCont.active {
	display: block;
}

#main-slide .bannerBtn {
	position: absolute;
	top: 260px;
}

#main-slide .bannerBtn.left {
	left: 0;
}

#main-slide .bannerBtn.right {
	right: 0;
}

#main-slide .bannerBtn button {
	background-color: transparent;
	border: none;
	width: 50px;
	height: 50px;
}

#main-slide .bannerBtn button i {
	color: #fd961a;
	font-size: 50px;
}

#main-slide .banner .bannerCont h3 {
	font-size: 38px;
	line-height: 58px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	width: 1140px;
	margin: 0 auto;
	text-align: center;
	padding-top: 149px;
}

#main-slide .banner .bannerCont h3 span {
	color: #fd961a;
	font-weight: bold;
}

#main-slide .banner .bannerCont a {
	padding: 12px 30px;
	border: 1px solid #fd961a;
	color: #fd961a;
	margin-top: 52px;
	display: block;
	width: 300px;
	margin: 30px auto;
	text-align: center;
}

#main-slide .banner .bannerCont a:hover {
	background-color: #fd961a;
	color: #fefefe;
}

.nav .mobilemenu {
	display: none;
}

#pageBanner {
	display: none;
	width: 100%;
	padding: 139px 0 0 0;
}

#pageBanner .bannerArea {
	background-image: url(../image/banner/bg-banner.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 54px 0 70px;
}

#pageBanner .bannerArea h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 45px;
	line-height: 45px;
	color: #fff;
}

#pageBanner .bannerArea h2 span {
	font-weight: bold;
	color: #fd961a;
}

#pageBanner .bannerArea .breadcrumb li {
	text-align: center;
	font-size: 18px;
	color: #fefefe;
	text-transform: uppercase;
}

/*media min*/
@media (min-width: 768px) {
	.col-bk-2,
	.col-bk-10,
	.col-bk-8,
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left;
	}

	.col-bk-2 {
		width: 18%;
	}

	.col-bk-8 {
		width: 64%;
	}

	.col-bk-10 {
		width: calc(82% - 10px);
		margin-left: 10px;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-11 {
		width: 91.66666666666666%;
	}

	.col-sm-10 {
		width: 83.33333333333334%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-8 {
		width: 66.66666666666666%;
	}

	.col-sm-7 {
		width: 58.333333333333336%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-5 {
		width: 41.66666666666667%;
	}

	.col-sm-4 {
		width: 33.33333333333333%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-2 {
		width: 16.666666666666664%;
	}

	.col-sm-1 {
		width: 8.333333333333332%;
	}
}

@media (min-width: 992px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}

	.col-md-12 {
		width: 100%;
	}

	.col-md-11 {
		width: 91.66666666666666%;
	}

	.col-md-10 {
		width: 83.33333333333334%;
	}

	.col-md-9 {
		width: 75%;
	}

	.offset-md-2 {
		margin: 0 16.6666666667%;
	}

	.col-md-8 {
		width: 66.66666666666666%;
	}

	.col-md-7 {
		width: 58.333333333333336%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-5 {
		width: 41.66666666666667%;
	}

	.col-md-4 {
		width: 33.33333333333333%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-md-2 {
		width: 16.666666666666664%;
	}

	.col-md-1 {
		width: 8.333333333333332%;
	}

	.bitbay-why-content div {
		border-right: 1px solid #ddd;
	}

	/*
    #board .col-md-4 {
        margin-right: 2%;
        width: 32%;
    }
*/
}

@media (min-width: 1200px) {
	.container {
		width: 1140px;
	}

	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		float: left;
	}

	.col-lg-12 {
		width: 100%;
	}

	.col-lg-11 {
		width: 91.66666666666666%;
	}

	.col-lg-10 {
		width: 83.33333333333334%;
	}

	.col-lg-9 {
		width: 75%;
	}

	.col-lg-8 {
		width: 66.66666666666666%;
	}

	.col-lg-7 {
		/*        width: 45%;*/
		width: 40%;
	}

	.col-lg-6 {
		width: 50%;
	}

	.col-lg-5 {
		/*        width: 55%;*/
		width: 60%;
	}

	.col-lg-4 {
		width: 33.33333333333333%;
	}

	.col-lg-3 {
		width: 25%;
	}

	.col-lg-2 {
		width: 16.666666666666664%;
	}

	.col-lg-1 {
		width: 8.333333333333332%;
	}
}

/*media max*/
/*  mobile tablet 1400*/
@media screen and (max-width: 1400px) {
	#idcard_check .idcard-box {
		height: 350px;
		overflow-y: scroll;
	}

	.bitbay-popup.idcardPopup {
		height: 503px;
	}
}

/*  mobile tablet 1200*/
@media screen and (max-width: 1200px) {
	.company-ceo dt {
		padding-left: 10px;
	}

	.login {
		top: 5px;
		right: 10px;
	}

	.bitbay-main .row .col-xs-3 {
		width: 20%;
	}

	.bitbay-main .row .button {
		width: 10%;
	}

	#bitbay-main .row .button {
		width: 12%;
	}

	#header_outer {
		padding-left: 10px;
		padding-right: 10px;
	}

	#bank {
		padding-left: 10px;
		padding-right: 10px;
	}

	.stock-box1 {
		width: 60%;
	}

	.stock-box2 {
		width: 40%;
	}

	.sb1 dt {
		width: 50%;
	}

	.sb1 dd {
		width: 50%;
	}

	.buysell-money input {
		width: 70%;
	}

	.buysell-money button {
		width: 14%;
		margin-left: 1%;
	}

	.bitbay-stock .left h2 span {
		float: left;
	}

	.bitbay-stock .left h2 .title strong {
		font-size: 10px;
		color: #999;
	}

	.bitbay-stock .left h2 .price {
		float: right;
		padding-bottom: 5px;
	}

	.bitbay-stock .left div span.time {
		width: 20%;
	}

	.bitbay-stock .left div span.per {
		width: 25%;
	}

	.bitbay-stock .left div span.updown {
		width: 45%;
	}

	.bitbay-btn2 div.stock-notice {
		width: 60%;
	}

	.bitbay-coin {
		margin: 0;
		padding: 15px;
		margin-top: 10px;
	}

	.stock-box {
		margin-left: 0;
	}

	.bitbay-stock .left {
		/*        margin-right: 10px;*/
	}

	.bitbay-btn2 div {
		width: 19%;
		margin: 0 1% 0 0;
	}

	.bitbay-btn2 div.stock-notice {
		margin: 0;
	}

	#stock-top .bitbay-btn2 button {
		margin-right: 0;
	}

	.sb2 dd {
		padding: 5px 0 0 0;
	}

	.buysell-list {
		margin-left: 0;
	}

	.bitbay-chart-coin {
		float: none;
		padding: 10px 0 10px 0;
		border-top: 1px solid #e9e9e9;
		margin: 0 auto;
	}

	.bitbay-chart-coin dt {
		line-height: 30px;
	}

	.info-title p.memo2 {
		line-height: 15px;
		letter-spacing: -1px;
	}

	.mypage-center dt {
		/* width: 10%; */
		width: 7%;
	}

	.mypage-center dd.mc0 {
		width: 26%;
	}

	.mypage-center dd.mc1 {
		width: 15%;
	}

	.mypage-center dd.input {
		width: 30%;
	}

	.mypage-center dd.mc2 {
		width: 30%;
	}

	.bitbay-chart {
		/*        text-align: center;*/
	}

	.bitbay-chart label {
		width: auto;
	}

	.bitbay-chart div {
		width: auto;
	}

	.table.dt {
		/*
        width: 30%;
        margin: 0 auto;
*/
	}

	.bitbay-table {
		margin-top: 10px;
	}
}

/*mobile tablet 1100px*/
@media screen and (max-width: 1100px) {
	.service-notice-box .service-contents div.sbox p {
		width: 100%;
	}

	.nav ul .email {
		display: none;
	}

	.info-title p.memo2 {
		line-height: 12px;
		font-size: 11px;
	}

	.noticeRow {
		padding: 0 10px;
	}

	#why > .container > .row {
		margin: 0;
		padding: 0 10px;
	}

	#board .board-md-12 {
		padding: 0 10px;
		width: 100%;
	}

	#quickLoginAccount {
		padding: 90px 20px !important;
	}
}

/*mobile tablet 1020px*/
@media screen and (max-width: 1020px) {
	.mypage-center dt {
		font-size: 12px;
	}

	.mypage-center dd {
		font-size: 12px;
		padding-left: 5px;
	}
}

/*mobile tablet 1000px*/
@media screen and (max-width: 1000px) {
	#bitbay-main {
		overflow: hidden;
		overflow-x: scroll;
	}

	#bitbay-main .row {
		width: 800px;
	}

	.buysell-price label {
		padding-left: 0;
	}

	.buysell-price div {
		float: none;
	}

	.bitbay-stock .left div {
		padding: 3px 2px;
	}

	.bitbay-stock .left div span {
		font-size: 11px;
	}

	.info-level .col-xs-4 div p {
		font-size: 13px;
	}

	.info-title h2 {
		font-size: 14px;
	}

	.info-title p {
		letter-spacing: -1px;
	}

	.people {
		margin: 0 20px;
	}

	.people0 {
		margin: 0;
	}

	.col-lg-3 {
		width: 50%;
	}

	.noticeRow {
		padding: 0 20px;
	}

	.col-lg-1 {
		display: inline-block;
		float: left;
		margin-right: 10px;
	}

	.col-md-10 {
		width: calc(91.666667% - 10px);
		float: left;
	}

	.footer-upper-section .col-lg-2 {
		width: calc(50% / 3);
		float: left;
	}

	.footer-info-list .social-style-two li {
		margin-right: 15px;
	}

	.col-lg-6 {
		max-width: 60%;
		margin-left: 20%;
	}

	.footer-bottom-wrap {
		padding: 0 10px;
	}

	.footer-bottom .container,
	.footer-upper-section .container {
		width: 100%;
	}
	.footer-box.footer-comp {
		border-right: none;
		padding: 0;
		padding-left: 20px;
		padding-top: 20px;
	}
	.footer-box.official-sns {
		border-left: none;
		padding: 0;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	.footer-info-list {
		padding: 20px 0;
		padding-left: 20px;
	}
}

/*mobile tablet 960px*/
@media screen and (max-width: 960px) {
	.login {
		right: 10px;
	}

	.login h2 {
		padding: 5px 0;
		margin: 5px 0;
	}

	.login input {
		height: 40px;
	}

	.login button {
		height: 45px;
	}
}

/*mobile tablet 950px*/
@media screen and (max-width: 950px) {
	.nav ul .asset {
		display: none;
	}

	.banner-content p {
		padding: 0 20px;
	}
}

/*mobile tablet 900px*/
@media screen and (max-width: 900px) {
	.service-notice button {
		font-size: 12px;
	}

	.asset-box p,
	.asset-box2 p,
	.asset-up p {
		font-size: 18px;
	}

	.stock-box1 {
		width: 100%;
	}

	.stock-box2 {
		display: none;
	}

	.box1 {
		padding-right: 10px;
	}

	.bitbay-chart div {
		margin-left: 10px;
	}

	.info-title p.memo2 {
		line-height: 11px;
	}

	.info-confirm p.confirm-memo {
		letter-spacing: -1px;
	}

	.asset-list-top {
		overflow: hidden;
		overflow-x: scroll;
	}

	.asset-list {
		/* width: 900px; */
		width: 1100px;
	}

	.asset-list-top::-webkit-scrollbar {
		width: 3px;
	}

	.asset-list-top::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	}

	.asset-list-top::-webkit-scrollbar-thumb {
		background-color: #bdbdbd;
	}

	.bitbay-chart {
		text-align: left;
	}

	.table.dt {
		width: 100%;
	}

	.bitbay-chart-coin {
		width: 100%;
	}

	.useableAlt .dt {
		width: auto;
		margin-right: 10px;
	}

	.useableAlt .dd {
		width: auto;
		margin-right: 10px;
	}

	.mypage-member dt {
		width: 100%;
	}

	.mypage-member dt div {
		padding-left: 15px;
	}

	.mypage-member dd.middle3 input {
		width: 100%;
	}

	.mypage-member dd.middle3 p {
		display: block;
	}

	.mypage-member dd.middle3 {
		width: 100%;
		height: auto;
		/* padding: 4px; */
		padding: 10px 0 10px 20px;
	}

	.buysell-list-box .mypage-confirm button.btn.change01 {
		width: 49%;
	}

	.mypage-member dd.middle2 {
		width: 77%;
	}

	.mypage-member dd.middle.middle2.middleph {
		padding: 4px 0 0 4px;
	}

	.mypage-alert {
		text-align: left;
	}

	.buysell-list-box .mypage-confirm button {
		width: 49%;
	}

	.col-md-10 {
		width: 90%;
	}

	.section-title-one p {
		padding: 0 5px;
	}
}

/*mobile tablet 890px*/
@media screen and (max-width: 890px) {
	.service-contents div.button div button {
		padding-left: 0;
		text-align: center;
	}

	.level_icon1 button {
		background: transparent;
	}

	.level_icon1 button.active {
		background: transparent;
	}

	.level_icon2 button {
		background: transparent;
	}

	.level_icon2 button.active {
		background: transparent;
	}

	.level_icon3 button {
		background: transparent;
	}

	.level_icon3 button.active {
		background: transparent;
	}

	.level_icon4 button {
		background: transparent;
	}

	.level_icon4 button.active {
		background: transparent;
	}

	.level_icon5 button {
		background: transparent;
	}

	.level_icon5 button.active {
		background: transparent;
	}

	.section-title-one p {
		padding: 0 30px;
		word-break: keep-all;
	}

	.nav .pcmenu {
		width: calc(100% - 224px);
		display: flex;
		justify-content: space-between;
	}
}

/*mobile tablet 860px*/
@media screen and (max-width: 860px) {
	.bitbay-main .row .col-xs-3 {
		width: 24.5%;
	}

	.bitbay-main .row .button {
		width: 11%;
	}

	#bitbay-main .row .button {
		width: 12%;
	}

	.login h2 {
		padding: 2px 0;
		margin: 2px 0;
	}

	.login button {
		height: 40px;
	}

	.nav ul li a {
		padding: 6px 10px;
	}
}

/*mobile tablet 845px*/
@media screen and (max-width: 845px) {
	.bitbay-main .row .coin {
		width: 150px;
	}

	.bitbay-main .row .col-xs-3 {
		width: 23.5%;
	}

	.bitbay-main .row .button {
		width: 14%;
	}

	#bitbay-main .row .button {
		width: 12%;
	}

	.copyright-text {
		font-size: 12px;
	}
}

/*mobile tablet 800px*/
@media screen and (max-width: 800px) {
	.buysell-box {
		margin-left: 0px;
		margin-top: 10px;
	}

	.company-ceo dt {
		width: 15%;
	}

	.company-ceo dd {
		width: 85%;
	}

	.company-ceo dd.row1 {
		width: 85%;
	}

	.company-ceo dd.right {
		width: 85%;
	}

	.activity-block h4 {
		font-size: 16px;
	}

	#maintop #emailToRegi {
		padding: 0 10%;
	}

	#quickLoginAccount {
		padding: 50px 20px !important;
	}

	#quickLoginAccount .mainQuickLink {
		justify-content: flex-start !important;
	}

	.col-xs-1-5.button.coininfoBtnwrap {
		display: none;
	}
}

/*mobile tablet 770px*/
@media screen and (max-width: 770px) {
	.login {
		display: none;
	}

	#header_outer {
		padding-left: 0px;
		padding-right: 0px;
	}

	#bitbay-main .main-title .coin {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.buysell-list-box {
		padding-top: 23px;
	}

	.bitbay-logo {
		margin-left: 10px;
	}

	.bitbay-main .row .bitbay-25 {
		padding-right: 1%;
		padding-top: 15px;
		padding-bottom: 10px;
	}

	.bitbay-main .row .red {
		text-align: right;
	}

	.bitbay-main .row .blue {
		text-align: right;
	}

	/* .bitbay-main .row .coin {
        padding-left: 0px !important;
        text-align: center !important;
        padding-right: 0;
        padding-top: 35px;
        padding-bottom: 0;
        width: 100%;
    } */
	.bitbay-main .row .mobile-col-coin .coin {
		width: 100%;
		padding: 20px 0 20px 45px !important;
		background-position: 10px !important;
	}

	.bitbay-25.col-xs-6.col-xs-6-1.mobile-col-price {
		width: 30%;
	}

	.bitbay-25.col-xs-3.mobile-col-per {
		width: 15%;
	}

	.bitbay-25.col-xs-3.mobile-col-vol {
		width: 18%;
	}

	.col-xs-1-5.button.mobile-col-chart {
		width: 7%;
	}

	.col-xs-100 .col-sm-6 {
		padding: 0;
	}

	.bitbay-main .row div {
		padding-left: 0px;
		padding-right: 0;
		padding-top: 4px;
	}

	.bitbay-25 .col-sm-6.main_updown {
		padding-right: 0;
	}

	.bitbay-25.col-xs-100 .col-sm-6-1 {
		padding-top: 4px;
	}

	.bitbay-25 .col-sm-6 {
		padding-top: 4px;
	}

	.bitbay-25 .col-sm-6.main_updown {
		padding: 0;
	}

	.bitbay-25 .col-sm-6.col-sm-6ecf {
		padding: 0;
	}

	.bitbay-main .bitbay-title .bitbay-25 {
		text-align: center;
		padding-right: 0;
	}

	.bitbay-main .bitbay-title .coin {
		text-align: center;
		padding: 25px 0px 0px 0;
	}

	.bitbay-stock .left div {
		padding: 3px 5px;
	}

	.bitbay-stock .left div span {
		font-size: 12px;
	}

	.info-title h2 {
		font-size: 16px;
	}

	.my-coin {
		height: auto;
	}

	.my-coin-info {
		margin-left: 0;
		margin-top: 10px;
		height: auto;
		padding-bottom: 15px;
	}

	.info-level .col-xs-4 div p {
		font-size: 12px;
	}

	.info-confirm p.confirm-memo {
		font-size: 12px;
	}

	.info-confirm div.confirm-btn input {
		width: 73%;
	}

	.info-confirm div.confirm-btn button {
		width: 25.5%;
	}

	.info-confirm div label {
		margin-left: 10px;
	}

	.bank-list-wrap {
		overflow-x: scroll;
	}

	.bank-list {
		width: 1147px;
	}

	.bank-list.mypage-list {
		width: 100%;
	}

	/*
    .bank-list dt.bl0,
    .bank-list dd.bl0 {
        width: 17.33%;
    }

    .bank-list dt,
    .bank-list dd {
        width: 12%;
    }
*/

	.bank-list dt.date,
	.bank-list dd.date {
		padding-top: 2px;
	}

	.bank-list2 dt {
		width: 29.33%;
	}

	.bank-list2 dd {
		width: 29.33%;
	}

	.bank-list2 dt.bl20 {
		width: 12%;
	}

	.bank-list2 dd.bl20 {
		width: 12%;
	}

	.mypage-list dt,
	.mypage-list dd {
		width: 33.33%;
	}

	.company-info .line {
		display: none;
	}

	#tab02 .btn01 {
		width: 100%;
	}

	#tab02 .btn02 {
		width: 100%;
	}

	.service-contents p {
		width: 100%;
	}

	.service-contents div.sbox .tab01_4 div p {
		width: 100%;
	}

	.service-contents div.button div button {
		font-size: 12px;
	}

	.res-nav_click {
		/* top: 0; */
		display: block;
		font-size: 25px;
		/* right: 3%; */
		/* position: absolute; */
		/* width: 25px; */
		/* height: 73px; */
		/* padding-top: 25.5px; */
		/* background-color: #fd961a; */
		/* margin-top: 17.5px; */
		padding: 9px 10px;
		position: relative;
	}

	.nav .pcmenu {
		display: none;
	}

	.news-tags {
		font-size: 12px;
	}

	.nav ul.toggle {
		display: none;
		visibility: visible;
		height: auto;
		overflow: auto;
		/* width: 100%; */
		position: absolute;
		right: 0;
		top: 34px;
		padding: 10px 15px;
		border-left: 1px solid var(--line);
		border-bottom: 1px solid var(--line);
	}

	/*
    .nav ul.toggle li {
        height: 38px;
    }
*/

	.nav ul li {
		/* background-color: #000; */
		/* color: #fff; */
		/* border-bottom: 1px solid #ccc; */
		/* border-bottom: 1px solid #444; */
		border-bottom: 1px solid var(--line);
		display: block;
		float: none;
		width: 100%;
		margin: 0px;
		text-align: center;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
	}

	.nav ul li:last-child {
		border-bottom: none;
	}
	.nav ul li p.my_email {
		font-size: 16px;
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}
	.nav ul li a {
		/* background-color: var(--primary); */
		/* color: #fefefe; */
		padding: 10px;
		width: max-content;
	}

	.nav {
		float: none;
		position: absolute;
		width: 100%;
		/* top: 92px; */
		/* top: 74px; */
		z-index: 8000;
	}

	.nav .mobilemenu {
		/* padding: 6px 0; */
		/* background-color: #111; */
		display: block;
		width: 100%;
		background-color: #fff;
	}
	.mobilenav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	.toggle.ul {
		background: #fff;
		width: 100%;
	}

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		/* width: 50%; */
		/* 6 columns */
		/* left: -50%; */
		/* width: 56%;
    left: -60%; */
		width: 100%;
		left: -100%;
		z-index: 888;
	}

	.sidebar-offcanvas.active {
		left: 0;
	}

	#stock-bitbay-list {
		height: calc(100vh - 135px) !important;
	}

	.lang_mobile select {
		display: block;
		width: 100%;
		height: 100%;
	}

	/* .mobilenav:after {
		content: '';
		clear: both;
		display: block;
	} */

	.userAccessMobile {
		display: flex;
		justify-content: center;
		/* margin: 10px 0; */
		gap: 10px;
	}

	/* .userAccessMobile > div {
		padding: 5px 10px;
		border: 1px solid #fd961a;
		margin-right: 10px;
		width: 100px;
		text-align: center;
	} */

	.userAccessMobile > div a {
		padding: 5px 10px;
		border-radius: 80px;
		border: 1px solid var(--onsurface);
		color: var(--onsurface);
		font-size: 12px;
		font-weight: 700;
		width: max-content;
	}

	/* .userAccessMobile > div:last-child {
		margin-right: 0;
		background-color: #fd961a;
	}

	.userAccessMobile > div:last-child a {
		color: #fefefe;
	} */

	#pageBanner {
		padding: 66px 0 0 0;
	}

	#pageBanner .bannerArea {
		padding: 30px 0;
	}

	#pageBanner .bannerArea h2 {
		font-size: 20px;
		line-height: inherit;
	}

	#pageBanner .bannerArea .breadcrumb {
		padding: 0;
	}

	#pageBanner .bannerArea .breadcrumb li {
		font-size: 12px;
	}
}

/*mobile tablet 767px*/
@media screen and (max-width: 767px) {
	.row-offcanvas {
		position: relative;
		transition: all 0.25s ease-out;
	}

	.row-offcanvas-right {
		right: 0;
	}

	.row-offcanvas-left {
		left: 0;
	}

	.row-offcanvas-right.sidebar-offcanvas {
		right: -50%;
		/* 6 columns */
	}

	.row-offcanvas-left.sidebar-offcanvas {
		left: -50%;
		/* 6 columns */
	}

	.row-offcanvas-right.active {
		right: 50%;
		/* 6 columns */
	}

	.row-offcanvas-left.active {
		/*        left: 50%;*/
		/* 6 columns */
	}

	/* .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%;
        6 columns
        left: -50%;
    } */

	/* .bitbay-coin {
    padding-top: 30px;
    padding-top: 75px;
  } */

	.btn-bitbay {
		display: block;
		position: absolute;
		/* top: 0px; */
		top: -20px;
		left: 0;
	}

	.btn-bitbay2 {
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
	}

	.bitbay-mypage .btn-bitbay {
		display: block;
		position: absolute;
		/* top: 0px; */
		top: -20px;
		left: 0;
	}

	.res-nav_click a {
		text-decoration: none;
	}

	.res-nav_click a:hover {
		text-decoration: none;
		color: #060;
	}

	.nav ul {
		background: #fff;
		display: none;
	}
}

@media only screen and (max-width: 767px) {
}

/*mobile tablet 765px*/
@media screen and (max-width: 765px) {
	.bitbay-stock .left h2 span {
		font-size: 12px;
		font-weight: bold;
	}

	.bitbay-stock .left h2 .price {
		float: right;
		padding-bottom: 0px;
		font-size: 12px;
		font-weight: bold;
	}

	.bitbay-stock .left div span {
		display: inline-block;
	}

	.bitbay-stock .left div span.time {
		width: 30px;
	}

	.bitbay-stock .left div span.per {
		width: 50px;
	}

	.bitbay-stock .left div span.updown {
		width: 60px;
	}

	.member {
		width: 96%;
	}

	.member form {
		width: 96%;
	}

	.signup-chk .modal-dialog {
		width: 96%;
	}

	.bitbay-coin {
		margin: 0;
	}
}

@media screen and (max-width: 765px) {
	.col-sm-7 {
		width: 47%;
		float: left;
	}

	.col-sm-5 {
		width: 53%;
		float: left;
	}

	.buysell-box {
		margin-top: 0;
		padding: 10px 15px 15px 10px;
	}

	.bit-scroll li span:first-child {
		width: 50%;
	}

	.bit-scroll li span:last-child {
		width: 50%;
	}

	.col-sm-7.bitbay-info {
		width: 100%;
	}

	.col-sm-5.bitbay-link {
		width: 100%;
		margin-top: 10px;
	}

	.box1 > .bit-scroll span {
		font-size: 14px;
	}

	.bitbay-chart-coin dt {
		font-size: 14px;
	}

	.bitbay-chart-coin dd {
		font-size: 14px;
	}

	.bitbay-table dt {
		font-size: 14px;
	}

	.bitbay-table dd {
		font-size: 14px;
	}

	.bt0 {
		letter-spacing: -0.2vw;
	}

	.buysell-price > .droid {
		font-size: 16px;
		line-height: 30px;
	}

	.buysell-per button {
		font-size: 12px;
	}

	.buysell-per .col-xs-3 div {
		margin: 0;
	}

	.buysell-amount label {
		font-size: 14px;
		position: inherit;
		left: 0;
		top: 0;
	}

	.buysell-amount input {
		padding: 0 45px 0 0;
		font-size: 4vw;
		text-align: right;
		line-height: 35px;
		height: 35px;
	}

	/*
        .buysell-amount span {
            line-height: 53px;
        }
*/

	.buysell-money label {
		font-size: 14px;
		display: block;
		position: inherit;
		top: 0;
		left: 0;
	}

	.buysell-money button {
		width: 14%;
		height: 15px;
		margin-left: 5px;
		float: none;
		font-size: 2vw;
	}

	.buysell-money input {
		width: 80%;
		font-size: 4vw;
		height: 35px;
		line-height: 35px;
	}

	.buysell-info label {
		font-size: 14px;
		line-height: 22px;
	}

	.buysell-info span {
		font-size: 14px;
		line-height: 22px;
	}

	/*
    .b000 w80 text-right{
        font-size: 1.5vw;
    }
*/
	.bitbay-chart-coin dd.w80 {
		font-size: 14px;
	}

	dt.down.text-right {
		text-align: right;
	}

	.bitbay-table dt {
		padding: 3px 0 5px 0;
	}

	.bitbay-chart label {
		/*            width: 45%;*/
		font-size: 20px;
	}

	.bitbay-chart span.price {
		font-size: 20px;
	}

	.box1 > .bit-scroll span {
		font-size: 14px;
	}

	.bitbay-chart-coin dt {
		font-size: 14px;
	}

	.bitbay-chart-coin dd {
		font-size: 14px;
		/*            letter-spacing: -0.4vw;*/
	}

	.bitbay-table dt {
		font-size: 14px;
	}

	.bitbay-table dd {
		font-size: 3vw;
	}

	.bitbay-table dt.bt0,
	.bitbay-table dd.bt0 {
		font-size: 16px;
	}

	.bitbay-table dt.bt1,
	.bitbay-table dd.bt1 {
		font-size: 14px;
	}

	.bitbay-table dd {
		padding: 3px 0;
	}

	.bitbay-main .row div {
		font-size: 10px;
		width: auto;
	}

	.box1 {
		padding: 3px;
	}

	.stock-box1 {
		padding: 0;
	}

	.buysell div {
		width: 100%;
		text-align: center;
	}

	/* .banner {
    display: none;
  } */

	#why {
		/*        display: none;*/
	}

	.stock-coin {
		/* display: none; */
		padding: 20px 0 0 0 !important;
	}

	#stock .bitbay-btn {
		margin: 0;
	}

	#stock-content {
		padding: 50px 0 0 0;
	}

	.bt0None {
		display: none;
	}

	.bitbay-table dt {
		border-bottom: none;
	}

	.rounded {
		border: none;
		border-radius: 0;
	}

	.buysell-price div {
		padding: 5px;
	}

	.buysell-price label {
		margin-top: 10px;
		line-height: 30px;
	}

	.buysell-money {
		margin: 5px -5px 0 -5px;
	}

	.buysell-info {
		margin: 5px -5px 5px -5px;
	}

	.buysell-ok button {
		font-size: 16px;
		padding: 5px 0;
	}

	.bitbay-home {
		display: block;
		width: 50px;
		height: 73px;
		float: left;
		margin-left: 3%;
		overflow: hidden;
	}

	.bitbay-home > a {
		width: 100%;
		height: 100%;
		display: block;
	}

	.bitbay-home > a > i {
		width: 100%;
		height: 100%;
		font-size: 36px;
		line-height: 73px;
		text-align: center;
		color: #999;
	}

	.bitbay-logo {
		margin: 0;
		/* width: calc(94% - 74px); */
		/* height: 73px;
    line-height: 73px; */
		/* text-align: center; */
		/* padding: 7px 15px; */
		padding: 0px 15px;
		height: auto;
	}

	.bitbay-logo > a {
		display: block;
		padding: 0;
	}

	/*
        .bit-scroll{
            height: 350px;
        }
*/
	#stock_right .pull-left.visible-xs {
		display: none;
	}

	.busysell-amount label {
		width: 100%;
		height: 20px;
		line-height: 20px;
	}

	.buysell-amountInput {
		width: 100%;
		height: 35px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	.buysell-amount input {
		border: none;
	}

	.buysell-amountInput > input {
		width: 80%;
		height: 100%;
		line-height: 35px;
		float: left;
		font-size: 16px;
		padding: 0 10px 0 0;
	}

	.buysell-amount span {
		position: inherit;
	}

	.buysell-amountInput > span {
		display: block;
		width: 20%;
		height: 100%;
		line-height: 35px;
		float: left;
		font-size: 10px;
	}

	.buysell-moneyInput {
		width: 100%;
		height: 35px;
	}

	.buysell-moneyInput > input {
		width: calc(100% - 35px);
		height: 35px;
		font-size: 16px;
		float: left;
		border-radius: 5px 0 0 5px;
		border-right: none;
		padding: 0 5px 0 0;
	}

	.buysell-updownbtn {
		width: 35px;
		height: 35px;
		margin: 0;
		float: left;
	}

	.buysell-updownbtn > button {
		width: 100%;
		height: 50%;
		float: left;
		margin: 0;
	}

	.buysell-updownbtn > button:first-child {
		border-bottom: none;
	}

	.buysell-money button span {
		line-height: 15px;
	}

	.pagination-custom {
		width: 40%;
	}

	.custom-board .paging {
		/*        width: 40%;*/
	}

	.bitbay-logo img {
		/* margin-left: -10px; */
	}
}

/*mobile tablet 750px*/
@media screen and (max-width: 750px) {
	.asset-box p,
	.asset-box2 p,
	.asset-up p {
		font-size: 24px;
	}

	.bank-list dd {
		height: 42px;
		/*        padding-top: 12px;*/
	}

	.bank-list dd.date {
		padding-top: 4px;
	}

	.bitbay-sns {
		text-align: right;
	}

	.col-lg-6 {
		max-width: 90%;
		margin-left: 5%;
	}

	.footer-upper-section .col-lg-3 {
		max-width: 30%;
	}

	.footer-upper-section .col-lg-2 {
		min-width: calc(70% / 3);
	}

	.footer-info-list .contact-info {
		margin-bottom: 0;
	}

	.col-lg-md-first {
		clear: both;
	}

	/* .footer-upper-section {
		padding: 50px 0;
	} */

	.footer-upper-section .footer-icon-wrap {
		right: 5%;
		bottom: 20px;
	}

	#stock .bitbay-btn div button {
		font-size: 13px;
	}
}

/*mobile tablet 700px*/
@media screen and (max-width: 700px) {
	.bitbay-btn2 div {
		width: 49%;
		margin: 0;
	}

	.bitbay-btn2 div.s0 {
		margin-right: 1%;
	}

	.bitbay-btn2 div.s1 {
		margin-left: 1%;
	}

	.bitbay-btn2 div.stock-notice {
		width: 100%;
		margin: 10px 0 0 0;
		font-size: 11px;
		padding-top: 8px;
	}

	#stock-top {
		margin-bottom: 10px;
	}

	#stock .bitbay-btn button {
		font-size: 12px;
	}

	.service-fee-box dd.text-right {
		text-align: right;
		padding-right: 0%;
	}

	.bitbay-popup {
		max-width: 90% !important;
	}

	.bibako-people {
		width: 100% !important;
	}

	.people0 {
		width: 100% !important;
		margin-top: 30px;
	}

	.bitbay-sns div {
		width: 100%;
		padding-right: 10px;
		display: flex !important;
	}

	.iconsns {
		padding-right: 0;
	}

	.col-md-10 {
		max-width: calc(80% - 10px);
	}

	.col-lg-1 {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/*mobile tablet 660px*/
@media screen and (max-width: 660px) {
	.bitbay-main .row .col-xs-1-5 {
		width: 16%;
	}

	.bitbay-main .row .col-xs-1-5 button {
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.bitbay-main .row .coin {
		width: 70px;
	}

	#bitbay-main .row .coin {
		width: 16%;
	}

	.mypage-member dd.button a {
		font-size: 12px;
		padding: 0;
		line-height: 40px;
	}

	.activity-block h4 {
		font-size: 14px;
	}

	#maintop {
		/* padding: 120px 0 0 0; */
		/* padding: 74px 0 0 0; */
		padding: 66px 0 0 0;
	}

	#walletsDown .selectDownWrap i {
		margin: 0 5px 20px 5px !important;
	}

	#maintop #emailToRegi {
		margin-bottom: 60px !important;
		margin-top: 20px;
	}

	#maintop #emailToRegi input[type='email'] {
		width: 100% !important;
		border-radius: 5px !important;
	}

	#maintop #emailToRegi input[type='submit'] {
		width: 100% !important;
		border-radius: 5px !important;
		margin-top: 10px !important;
	}

	#quickLoginAccount .mainQuickLink a {
		padding: 10px !important;
	}

	#quickLoginAccount .mainQuickLink span {
		margin: 10.5px 10px !important;
	}

	.activity-block {
		height: auto !important;
	}

	.loginButtonWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.member .button button {
		margin-bottom: 5px;
	}

	#main-slide {
		width: 100%;
		height: 300px;
	}

	#main-slide .bannerWrap .banner {
		height: 300px;
	}

	#main-slide .banner .bannerCont h3 {
		width: 100%;
		padding-top: 40px;
		font-size: 12px;
		line-height: 2.4;
	}

	#main-slide .banner .bannerCont h3 img {
		display: block;
		margin: 0 auto;
	}

	#main-slide .banner .bannerCont a {
		padding: 10px 20px;
		width: 240px;
	}

	#main-slide .bannerBtn {
		top: 196px;
	}

	#header_outer {
		min-height: auto;
		padding: 0;
	}

	.col-xs-1-5.button.mobile-col-chart {
		display: none;
	}

	.bitbay-25.col-xs-3.mobile-col-vol {
		display: none;
	}

	#main_market .row a.mobile-col-coin {
		width: 30%;
	}

	.bitbay-25.col-xs-1-5.coin {
		padding-left: 0 !important;
	}

	.bitbay-main .row .mobile-col-coin .coin {
		padding: 20px 0 20px 35px !important;
		background-position: 5px !important;
	}

	.bitbay-25.col-xs-100.mobile-col-price {
		width: 45%;
	}

	.bitbay-25.col-xs-6.col-xs-6-1.mobile-col-price {
		width: 50%;
	}

	.bitbay-25.col-xs-3.mobile-col-per {
		width: 20%;
	}

	.bitbay-main .row div {
		padding-right: 5px;
	}

	#board ul {
		flex-flow: wrap;
	}

	#board li {
		width: 100%;
		margin-bottom: 10px;
	}

	#board li:last-child {
		margin-bottom: 0;
	}

	.graph-padding {
		display: none;
	}
}

/*mobile tablet 600px*/
@media screen and (max-width: 600px) {
	.bitbay-why-title h1 {
		font-size: 30px;
	}

	.bitbay-why-title p {
		font-size: 18px;
	}

	.bitbay-why-content h2 {
		font-size: 20px;
	}

	.mypage-center dt {
		width: 30% !important;
	}

	.mypage-center dd.mc0 {
		width: 69% !important;
		display: none;
	}

	.mypage-center dd.mc1 {
		/* width: 28% !important; */
		width: 69% !important;
	}

	.mypage-center dd.input {
		/* width: 50% !important; */
		width: 65% !important;
		padding-left: 0 !important;
	}

	.mypage-center dd.button {
		/* width: 20% !important; */
		width: 34% !important;
	}

	.mypage-center dd.mc2 {
		/* width: 50% !important; */
		width: 65% !important;
	}

	.mypage-center dd.input input {
		border: none !important;
	}

	.mypage-alert {
		padding-left: 0 !important;
	}

	.mypage-center dd.button button.active {
		border: none !important;
	}

	.mypage-limit tbody {
		display: block;
		/* overflow-x: scroll; */
		width: 250%;
	}

	.mypage-limit {
		display: block;
		/* overflow: hidden; */
		overflow: auto;
	}

	.service-notice div {
		width: 32.8%;
		margin-bottom: 3px;
	}

	.stock_time div {
		display: none;
	}

	.stock_time select {
		display: block;
	}

	.mypage-center dt,
	.mypage-center dd {
		font-size: 11px;
	}

	.bitbay-popup-box {
		width: 100%;
	}

	.asset-box p,
	.asset-box2 p,
	.asset-up p {
		font-size: 18px;
	}

	.stock-list-top {
		overflow: hidden;
		overflow-x: scroll;
	}

	.stock-list {
		/* width: 600px; */
		width: 1100px;
	}

	.bitbay-chart {
		width: 100%;
	}

	.bitbay-table {
		width: 100%;
		margin-top: -20px;
	}

	.asset-search {
		padding-left: 10px;
	}

	.bank-list2 dt {
		font-size: 10px;
		letter-spacing: -0.9px;
	}

	.mypage-board dd {
		height: 42px;
		padding-top: 12px;
	}

	.mypage-board dd.mb2 {
		padding-top: 4px;
	}

	.bitbay-table dt,
	.bitbay-table dd {
		font-size: 11px;
	}

	body {
		overflow-x: hidden;
	}

	.bitbay-chart-coin {
		width: 100%;
		margin-top: 0;
		padding: 0;
	}

	.bitbay-chart-coin dt {
		margin-right: 10px;
		background-color: #eee;
		padding-left: 5px;
		border-bottom: 1px solid #ddd;
	}

	.bitbay-chart-coin dd {
		padding: 0;
		margin: 0;
		/* font-size: 11px; */
		font-size: 12px;
	}

	.bitbay-chart-coin dd.w80 {
		width: 30%;
	}

	.bitbay-chart label {
		font-size: 20px;
		width: 100%;
	}

	.bitbay-chart span.price {
		margin: 0;
	}

	.bitbay-chart div {
		width: 45%;
		font-size: 20px;
	}

	.mypage-member dd.middle input,
	.mypage-member dd.middle3 input {
		width: 100%;
	}

	.board_write dd select {
		width: 100%;
	}

	/* 
    .board_write p {
        letter-spacing: -1px;
    } */

	.board_write button {
		width: 100%;
	}

	.bitbay-popup.errorPopup {
		width: 300px;
	}

	.bit-otpform button {
		width: auto;
		padding: 13px 10px;
	}

	.bit-otpqr {
		width: auto !important;
	}

	.bit-otp-cont {
		width: 100% !important;
		display: flex;
		justify-content: space-between;
		padding: 0 20px;
	}

	.noticeRow {
		display: none;
	}

	#why > .container > .row > .col-md-6 {
		max-width: 100%;
		display: inherit;
		flex: inherit;
	}

	.activity-block h4 {
		font-size: 18px;
	}

	#board .row .board-md-4 {
		min-width: 100%;
		display: inherit;
		flex: inherit;
		margin-bottom: 20px;
	}

	#board .row .board-md-12 {
		width: 100%;
	}

	.footer-upper-section .col-lg-3 {
		clear: both;
		min-width: 100%;
	}

	.footer-upper-section .col-lg-2 {
		min-width: calc(100% / 3);
	}

	.footer-info-list > h4 {
		font-size: 14px;
		text-align: center;
		margin-bottom: 20px;
	}

	.footer-info-list ul li {
		margin-bottom: 10px;
		font-size: 12px;
		/* text-align: center; */
	}

	.footer-info-list .social-style-two {
		width: 50%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.bitbay-main .row .coin {
		width: 76px;
	}

	.exchangeStockTradeHistory {
		overflow-x: auto;
	}

	.exchangeStockTradeHistory > table {
		width: 650px !important;
	}

	.mypage-member dd.button {
		width: 51%;
	}

	.mypage-member dd.middle2 {
		width: 48%;
	}

	.mypage-alram dt {
		width: 100%;
	}

	.mypage-alram dd.middle {
		width: 49%;
	}

	.mypage-alram dd.button {
		width: 50%;
	}

	.stock-list-btn .col-xs-6 div button {
		height: 35px;
	}

	.bitbay-main > .row:first-child .coin {
		width: 25%;
	}

	.main_up {
		display: none;
	}

	.main_do {
		display: none;
	}

	.exchangeChart {
		margin: 10px;
		height: 300px !important;
	}

	.buysell-per {
		margin: 0 -5px;
		width: calc(100% + 10px);
		display: flex;
		justify-content: space-between;
	}

	.buysell-per .col-xs-3 {
		margin-right: 5px;
	}

	.buysell-per .col-xs-3:last-child {
		margin-right: 0px;
	}

	.buysell-info label {
		width: 100%;
	}

	.buysell-info span {
		width: 100%;
		text-align: right;
	}

	.buysell-info label > span {
		width: initial;
	}

	.buysell-info div::after {
		clear: both;
		content: '';
		display: block;
	}

	.info-title dt {
		width: 100%;
	}

	.info-title dd {
		width: 100%;
	}

	.info-level > div {
		width: 100%;
		margin: 5px 0;
	}

	.info-confirm div {
		position: initial;
	}

	.info-confirm div label {
		position: initial;
		margin-left: 0;
		text-align: left;
		width: 100%;
	}

	.info-confirm div input {
		padding: 10px;
	}

	.info-confirm div.confirm-btn input {
		width: 100%;
	}

	.info-confirm div.confirm-btn button {
		width: 100%;
		margin: 5px 0 10px 0;
	}

	.info-confirm div.confirm-span input {
		padding: 10px;
	}

	.info-title dl {
		display: flex;
		flex-wrap: wrap;
	}

	.info-title dl::after {
		content: '';
		clear: both;
		display: block;
	}

	.info-title dt:first-child {
		order: 1;
	}

	.info-title dt:nth-child(2) {
		order: 3;
	}

	.info-title dd:nth-child(3) {
		order: 2;
	}

	.info-title dd:nth-child(4) {
		order: 4;
	}

	.info-title dt:nth-child(5) {
		order: 5;
	}

	.info-title dt:nth-child(6) {
		order: 7;
	}

	.info-title dd:nth-child(7) {
		order: 6;
	}

	.info-title dd:last-child {
		order: 8;
	}

	.asset-round .asset-box {
		width: 100%;
	}

	.asset-box div h3 {
		font-size: 14px;
	}

	.board_write dt {
		width: 100%;
	}

	.board_write dd {
		width: 100%;
		border: none;
		padding: 0;
	}

	.board_write dt.board_text {
		height: auto;
		padding: 8px 0;
	}
}

/*mobile tablet 590px*/
@media screen and (max-width: 590px) {
	.otp2 div {
		width: 100%;
	}

	.bit-otp div.bit-pwkey {
		width: 100%;
	}

	.mypage-member dt,
	.mypage-alram dt {
		font-size: 12px;
		padding-left: 2px;
		/* letter-spacing: -1px */
	}

	.mypage-member dd.button button,
	.mypage-alram dd.button button {
		font-size: 12px;
		letter-spacing: -1px;
	}

	.mypage-alram dt {
		padding-left: 20px;
	}
}

/*mobile tablet 588px*/
@media screen and (max-width: 588px) {
	.company-ceo dt {
		/*        padding-left: 5px;*/
		height: auto;
		padding: 5px 0;
		width: 100%;
	}

	.company-ceo dd {
		width: 100%;
		padding: 0;
		height: auto;
	}

	.company-ceo dt:nth-child(3) {
		display: none;
	}

	.company-ceo dd:nth-child(4) {
		display: none;
	}

	.company-ceo dd.text2 {
		/*        padding-top: 3px;*/
	}

	.company-ceo dd.row1 {
		width: 100%;
	}

	.service-faq button {
		font-size: 12px;
	}

	.faq-box li h3 span {
		font-size: 14px;
		padding-top: 15px;
		margin-right: 10px;
	}
}

/*mobile tablet 510px*/
@media screen and (max-width: 510px) {
	.service-fee-box dt {
		width: 25%;
	}

	.service-fee-box dt.w50per {
		width: 50%;
	}

	.service-fee-box dd {
		width: 25%;
	}

	.service-fee-box dd.w50per {
		width: 50%;
	}

	.service-fee-box .fee2 dt {
		width: 33.33333%;
	}

	.service-fee-box dt.r2 {
		padding-top: 5px;
		word-break: keep-all;
	}

	.service-fee-box .fee2 dd {
		width: 33.33333%;
	}
}

/*mobile tablet 500px*/
@media screen and (max-width: 500px) {
	.bit-otp div {
		width: 50%;
	}

	.bit-otp p {
		width: 50%;
	}

	.bit-otpform dt {
		width: 30%;
	}

	.bit-otpform dd {
		width: 69%;
	}

	.bit-otpform dd input {
		width: 98%;
	}

	.otp2 div {
		width: 100%;
	}

	.bit-otp div.bit-pwkey {
		width: 100%;
	}

	.bitbay-popup.idcardPopup {
		height: 432px;
	}

	.faq-box li h3 {
		background-size: 8%;
		height: 45px;
		background-position: left;
	}

	.faq-box li h3 span {
		background-size: 4%;
		height: 45px;
		padding-top: 16px;
		padding-left: 40px;
		font-size: 10.5px;
		background: none;
	}

	.faq-box li.active h3 span {
		background: none;
	}

	.faq-box li div.memo p {
		font-size: 10.5px;
		line-height: 16px;
	}

	.col-lg-3 {
		width: 50%;
		padding: 0 5px;
	}

	.download-wrap {
		margin-right: 30px;
	}
}

/*mobile tablet 490px*/
@media screen and (max-width: 490px) {
	.coin-list .coin {
		padding-left: 30px;
	}

	.coin-list .coin h2 {
		/* font-size: 10px; */
		font-size: 14px;
		text-align: left;
	}

	.coin-list .coin span {
		font-size: 10px;
	}

	.coin-list .price div {
		/* font-size: 10px; */
		font-size: 14px;
	}
}

/*mobile tablet 470px*/
@media screen and (max-width: 470px) {
	.bitbay-sns div {
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}

	.info-confirm p {
		font-size: 14px;
	}
}

/*mobile tablet 450px*/
@media screen and (max-width: 450px) {
	.bitbay-link div h2 {
		padding-left: 15px;
	}

	.bitbay-link div a {
		padding-left: 15px;
	}

	.asset-search input {
		width: 80px;
	}

	.asset-search button {
		width: 80px;
	}

	.section-title-one h3 {
		font-size: 25px;
	}

	.graph-item .graph-content h5 {
		font-size: 13px;
	}

	.banner-content p {
		font-size: 15px;
		padding: 0 10px;
	}

	.banner-content h2 {
		font-size: 40px;
		padding: 0 10px;
	}

	.graph-item .price-change {
		font-size: 13px;
	}

	svg.peity {
		width: 30px !important;
	}
}

/*mobile tablet 430px*/
@media screen and (max-width: 430px) {
	.footer-logo .img-responsive {
		/* margin: 0 auto; */
		/* width: 80%; */
	}

	/* .footer-info {
		padding: 0 20px;
	} */

	.asset-box p {
		font-size: 12px;
	}

	.asset-box div h3 {
		/* font-size: 12px; */
		background: none;
		/* padding-left: 0; */
		padding-left: 35px;
		/* text-align: right; */
	}

	.asset-icon div h3 {
		padding-left: 0;
		text-align: center;
	}

	.asset-box span {
		font-size: 12px;
	}

	.asset-box p strong {
		font-size: 12px;
	}

	.coininfoBtnwrap {
		display: none;
	}

	.banner-content p {
		word-break: keep-all;
		font-size: 13px;
	}

	.col-lg-3 {
		width: 100%;
	}

	svg.peity {
		width: 70px !important;
	}

	.graph-item {
		padding: 15px;
		margin-bottom: 10px;
	}

	.download-wrap {
		margin-right: 20px;
	}

	.bitbay-chart-coin dt {
		width: 100%;
	}

	.bitbay-chart-coin dd {
		width: 20%;
		text-align: left;
	}

	.bitbay-chart-coin dd.w80 {
		width: 78%;
	}

	.bitbay-chart div {
		margin-left: 0;
		width: 100%;
	}

	.buysell-info label {
		font-size: 10.5px;
	}

	/* .buysell-info span {
        font-size: 10.5px;
    } */

	.box1 > .bit-scroll span {
		font-size: 10.5px;
	}

	.buysell div {
		font-size: 12px;
	}

	.bitbay-table dt.bt0,
	.bitbay-table dd.bt0 {
		font-size: 14px;
	}

	.bitbay-table dt.bt1,
	.bitbay-table dd.bt1 {
		font-size: 10.5px;
	}

	#stock-content {
		padding: 0;
	}

	.bitbay-logo img {
		/* width: 140px; */
		/* height: auto; */
		height: 100%;
	}
}

/*mobile tablet 360px*/
@media screen and (max-width: 360px) {
	.member .field label {
		position: inherit;
		top: 0px;
		left: 0px;
	}

	.member input[type='text'],
	.member input[type='email'],
	.member input[type='password'] {
		width: 100%;
		text-align: left;
		padding-left: 10px;
	}

	.member .check {
		width: 100%;
	}

	.member .button {
		float: left;
	}

	.member {
		width: 100%;
		margin: 0 auto;
	}

	.info-confirm div button {
		font-size: 11px;
	}

	/* .info-title dt {
        font-size: 11px;
    } */

	.bitbay-25 .col-sm-6.main_updown {
		text-align: center;
	}

	.bitbay-main .row .red {
		text-align: center;
	}

	.bitbay-main .row .blue {
		text-align: center;
	}

	.service-btn button {
		font-size: 14px;
	}

	.buysell-list-box h2 {
		height: auto;
	}

	.service-contents h2.icon {
		font-size: 11.5px;
		padding: 14px 10px 30px 40px;
	}

	.service-contents div.button div button {
		font-size: 10.5px;
	}

	.service-fee-box dd {
		font-size: 10.5px;
	}

	.service-fee-box h4 {
		font-size: 12px;
	}

	.service-fee-box p {
		font-size: 12px;
	}

	.buysell-list-box button:first-child {
		font-size: 11px;
	}

	.custom-board .mb0 {
		display: none;
	}

	.custom-board .mb1 {
		width: 100%;
	}

	.custom-board .mb2 {
		display: none;
	}

	.custom-board .mb3 {
		display: none;
	}

	.bit-otpform dt {
		width: 100%;
	}

	.bit-otpform dd {
		width: 100%;
		height: auto;
		padding: 4px 0;
	}

	.bit-otpform dd input {
		width: 100%;
	}

	.mypage dd a {
		font-size: 13px;
	}

	#bank_check h3 {
		font-size: 12px;
	}

	#bank_check dt {
		width: 100%;
	}

	#bank_check dd {
		width: 100% !important;
		border-top: none;
		padding: 0 0 5px 0;
		height: auto;
		margin: 2px 0;
	}

	#bank_check dd.middle {
		width: 100%;
	}

	#bank_check p {
		padding: 0;
		line-height: 15px;
	}

	.bitbay-popup-box p {
		margin: 0;
	}

	#bank_check dt div {
		height: auto;
		padding: 5px;
	}

	.service-fee-box .fee2 dt {
		width: 20%;
	}

	.service-fee-box dt.r2 {
		width: 40%;
	}

	.buysell-price div {
		line-height: 20px;
	}

	.buysell-price label {
		line-height: 20px;
	}

	/* .info-title dd {
        font-size: 10px;
    } */

	.info-confirm div input {
		font-size: 12px;
	}

	/* .info-level .col-xs-4 div p {
        font-size: 10.5px;
    } */

	.organization .col-sm-3 div p {
		text-align: left;
	}

	.people1 {
		padding: 10px 0;
		font-size: 14px;
	}

	.people2 {
		font-size: 14px;
	}

	.company-up dd {
		font-size: 12px;
		width: 100%;
		text-align: left;
		height: auto;
		padding: 5px 0;
		line-height: normal;
	}

	.company-up dt {
		font-size: 10px;
		width: 100%;
		height: auto;
		padding: 5px 0;
	}

	.asset-list dt,
	.asset-list dd {
		font-size: 11px;
	}

	.asset-up div h3 {
		font-size: 14px;
	}

	.asset-box p,
	.asset-box2 p,
	.asset-up p {
		font-size: 14px;
	}

	i.material-icons.viewChart {
		margin-top: -10px;
	}

	.buysell-price div {
		font-size: 25px !important;
		line-height: normal;
	}

	.buysell-price label {
		line-height: normal;
	}

	.faq-box li h3 span {
		padding-left: 30px;
	}

	.popupCont {
		max-height: 370px;
	}

	.accountFailPopup {
		width: 300px !important;
		left: calc(50% - 150px) !important;
	}

	.accountError {
		width: 300px !important;
	}

	.accountError p {
		font-size: 13px !important;
	}

	.apiaccess dt {
		font-size: 12px !important;
		width: 50% !important;
	}

	.apiaccess dd {
		font-size: 12px !important;
		width: 50% !important;
	}

	.apictl dt {
		width: 100% !important;
		font-size: 12px !important;
	}

	.apictl dd {
		width: 100% !important;
		font-size: 12px !important;
	}

	.secauth dt {
		font-size: 12px !important;
		width: 100% !important;
	}

	.secauth dd input {
		width: 100% !important;
		font-size: 12px !important;
	}

	.secauth dd {
		width: 100% !important;
		height: auto !important;
		font-size: 12px !important;
	}

	.secauth dd p {
		font-size: 12px !important;
		text-align: center !important;
		display: block !important;
		border-top: 1px solid #e9e9e9 !important;
	}

	.useApi dt {
		font-size: 12px !important;
	}

	.useApi dd {
		font-size: 12px !important;
	}

	.apiauthPopup {
		left: 5% !important;
	}

	.bitbay-popup.errorPopup {
		left: 5% !important;
		width: 90%;
	}

	.apiPopup .bitbay-error-alert-ok {
		width: 100%;
		margin: 0;
		background-color: transparent;
		color: #ccc;
		border-top: 1px solid #ccc;
	}

	.useApi .apiTitle {
		width: 50% !important;
		font-size: 12px !important;
		overflow-x: scroll;
	}

	.apiTitle::-webkit-scrollbar {
		display: none;
	}

	.useApi .apisubTitle {
		display: none;
	}

	.text-center.apikeyVal {
		padding: 0 10px;
	}

	.text-center.apisubCont {
		width: 33.3333%;
	}

	.bitbay-popup.perInfopopup {
		left: 5% !important;
	}

	.bank_list .price {
		top: 13px;
	}

	.bitbay-sns-partner {
		justify-content: space-between;
	}

	.bitbay-sns-sns {
		justify-content: center;
	}

	.accountAuth form {
		padding: 10px 10px 0 10px;
		max-height: 350px;
		overflow-y: scroll;
	}

	.bitbay-popup {
		left: 5% !important;
	}

	.bitbay-popup.mainpopup {
		left: 0% !important;
	}

	.bank-list dd {
		font-size: 10px;
		overflow: hidden;
	}

	.mypage-board .mb0 {
		display: none;
	}

	.mypage-board .mb2 {
		display: none;
	}

	.mypage-board .mb1 {
		/* width: 80%; */
		width: 70%;
	}

	.mypage-board .mb3 {
		/* width: 20%; */
		width: 30%;
	}

	.banner-content h2 {
		font-size: 35px;
		margin-bottom: 10px;
	}

	.banner-content p {
		font-size: 12px;
		margin-bottom: 0;
	}

	.activity-block {
		margin-bottom: 20px;
		padding: 14px;
	}

	.activity-block h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.section-title-one h3 {
		font-size: 20px;
		padding: 0 10px;
	}

	.wallets-block > img + h5 {
		word-break: keep-all;
	}

	.wallets-block .base-color {
		margin-bottom: 20px;
	}

	.download-wrap-inner {
		margin-bottom: 10px;
	}

	.download-wrap {
		margin-right: 5px;
	}

	.download-option-block {
		margin-bottom: 10px;
	}

	.catagori-section {
		margin-bottom: 80px;
	}

	.section-title-one p {
		font-size: 12px;
	}

	.activity-block p {
		font-size: 12px;
	}
}

/*mobile tablet 320px*/
@media screen and (max-width: 320px) {
	.popupCont {
		height: 250px;
	}

	#idcard_check .idcard-box {
		height: 250px;
	}

	.signup-chk1-contents {
		height: 250px;
	}

	.signup-chk .panel {
		height: auto;
	}

	.company-content2 div {
		padding-left: 5px;
	}

	.mypage-member dd.button a {
		font-size: 10px;
	}

	/* 
    .bitbay-main .row .bitbay-25 {
        letter-spacing: -0.8px;
    } */

	.faq-box li h3 span {
		letter-spacing: -1px;
	}

	#why {
		padding: 50px 0;
	}

	.section-title-one h3 {
		font-size: 18px;
	}

	.download-wrap-inner + h4 {
		margin-top: 5px;
		font-size: 12px;
	}

	label.download-option {
		width: 100%;
	}

	.download-wrap input[type='radio'] + label > i.fab {
		width: 60px;
		height: 60px;
		line-height: 55px;
	}

	.download-wrap {
		width: 60px;
	}

	.footer-info-list ul li {
		font-size: 11px;
	}
}

.clearotpText {
	text-align: center;
}

#clearotp_bt {
	background-color: #333333;
	border: 0;
	color: #fff;
	font-size: 20px;
	width: 100%;
	padding: 12px 0;
	margin-top: 30px;
}

.clearOtpLink > a {
	color: #fff;
	padding: 5px;
	background-color: #999;
	display: inline-block;
	max-width: 150px;
	width: 100%;
	text-align: center;
	float: right;
}

/* exchange */
.changeSTHTitle h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #333;
}

.exchangeStockTradeHistory table {
	width: 100%;
	border-collapse: collapse;
}

.exchangeStockTradeHistory table thead tr {
	background-color: #f1f1f1;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.exchangeStockTradeHistory table tr th {
	font-size: 12px;
	text-align: center;
	color: #666;
	height: 30px;
}

.exchangeStockTradeHistory table tbody tr:nth-child(even) {
	background-color: #fafafa;
}

.exchangeStockTradeHistory table tr td {
	font-size: 12px;
	text-align: center;
	height: 30px;
	border-bottom: 1px solid #e9e9e9;
}

#quickLoginAccount {
	width: 100%;
	padding: 90px 0;
	background: url(../image/main_quick_bg.png) no-repeat center center;
	background-size: cover;
}

.mainTitle {
	margin-bottom: 40px;
}

.mainTitle h5 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
	position: relative;
	z-index: 99;
	max-width: 170px;
	margin: 0 auto;
	background: #fcfdff;
	color: #5f5f5f;
	text-transform: uppercase;
	text-align: center;
}

.mainTitle:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	height: 1px;
	width: 100%;
	z-index: 2;
	background: #e8e9eb;
}

.mainTitle.cezaMainTitle:before {
	top: 29px;
}

.cezaOfficeLink {
	margin: 30px 0;
}

.cezaOfficeLink > a {
	color: #fefefe;
	background-color: #1b1f27;
	border-radius: 5px;
	width: 300px;
	padding: 20px 0;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#board li div.noticeDate {
	font-size: 14px;
	margin-bottom: 5px;
}

#board li div.noticeTitle {
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	/* font-size: 13px; */
	color: #666;
}

#board li div.noticeCont {
	font-size: 15px;
	margin-bottom: 20px;
	height: 96px;
	overflow: hidden;
	/* position: relative; */
}

/* #board li div.noticeCont::after {
    content: '...';
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fefefe;
} */

#walletsDown {
	padding-bottom: 120px;
}

#walletsDown .mainTxt img {
	display: block;
	margin: 0 auto 35px auto;
}

#walletsDown .mainTxt p {
	font-size: 15px;
	margin-bottom: 8px;
	text-align: center;
}

#walletsDown .mainTxt span {
	display: block;
	font-size: 15px;
	margin-bottom: 45px;
	text-align: center;
	color: #f38010;
}

#walletsDown .selectDownWrap {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

#walletsDown .selectDownWrap i {
	width: 70px;
	height: 70px;
	color: #333333;
	border: 1px solid #aaaaaa;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
	font-size: 28px;
	cursor: pointer;
	margin: 0 20px 20px 20px;
}

#walletsDown .selectDownWrap i + p {
	text-align: center;
}

#walletsDown .selectDownWrap input[type='radio'] {
	display: none;
}

#walletsDown .selectDownWrap input[type='radio']:checked + label > i.fab {
	color: #fefefe;
	background-color: #f38010;
	border: none;
}

#walletsDown .selectBtnWrap button#walletDown {
	cursor: pointer;
	width: 200px;
	height: 60px;
	background-color: var(--primary);
	display: block;
	margin: 0 auto;
	color: #fefefe;
	border-radius: 5px;
}

#quickLoginAccount .mainQuick h3 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 30px;
}

#quickLoginAccount .mainQuick p {
	font-size: 15px;
	color: #fefefe;
}

#quickLoginAccount .mainQuickLink {
	display: flex;
	justify-content: flex-end;
	padding: 14.5px 0;
}

#quickLoginAccount .mainQuickLink a {
	border: 1px solid rgba(252, 253, 255, 0.08);
	padding: 15px 30px;
	text-align: center;
	border-radius: 7px;
	background-color: rgba(252, 253, 255, 0.078);
	font-size: 18px;
	width: 50%;
}

#quickLoginAccount .mainQuickLink span {
	margin: 13.5px 20px;
	line-height: 28px;
	color: #fefefe;
	border: 1px solid rgba(252, 253, 255, 0.08);
	border-radius: 50%;
	width: 30px;
	text-align: center;
	height: 30px;
}

#bank.loginBg {
	/* background-image: url(../image/login_bg.jpg); */
	/* background-repeat: no-repeat;
	background-size: cover;
	background-position: center center; */
}

#maintop #emailToRegi:after {
	content: '';
	clear: both;
	display: block;
}

#maintop #emailToRegi {
	margin-bottom: 120px;
}

#maintop #emailToRegi input[type='email'] {
	height: 55px;
	padding: 0 20px;
	font-size: 15px;
	border: none;
	background-color: #fefefe;
	width: calc(100% - 170px);
	float: left;
	border-radius: 5px 0 0 5px;
}

#maintop #emailToRegi input[type='submit'] {
	width: 170px;
	height: 55px;
	border: none;
	background-color: var(--primary);
	color: #fefefe;
	margin: 0;
	padding: 0;
	float: left;
	border-radius: 0 5px 5px 0;
	font-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#maintop .col-md-6.mainBannerCol {
	margin: 0 auto;
	float: inherit;
}

#board .board-md-12 {
	width: 100%;
}

.exchangeChart {
	height: 450px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: hidden;
}

.exchangeChart iframe {
	width: 100%;
	height: 100%;
}

/* custom popup */
#divpop {
	left: calc(50% - 250px);
	position: absolute;
	top: 150px;
	z-index: 200;
	visibility: hidden;
	max-width: 500px;
}

#divpop input[type='checkbox']:checked ~ label {
	font-weight: bold;
	color: var(--primary);
}

@media screen and (max-width: 640px) {
	#divpop {
		left: 5%;
		max-width: 90%;
	}
}

.page-title {
	padding: 56px 0 57px;
	background: var(--surface);
	background-image: url(../images/11.jpg) !important;
}

.page-title .heading {
	font-size: 40px;
	letter-spacing: -0.3px;
	margin-bottom: 0;
	font-weight: 700;
}

.page-title .breadcrumb {
	display: flex;
	justify-content: flex-end;
	align-self: center;
	margin-bottom: 0;
	margin-top: 11px;
	font-weight: 700;
}

.page-title .breadcrumb li a {
	color: var(--text);
	font-size: 18px;
	font-weight: 400;
}

/* wallet */
.board-deposit {
	display: none;
	padding-top: 0;
}
.board-deposit h3 {
	color: var(--primary);
	background-color: transparent;
	font-weight: bold;
	text-align: left;
}
.board-deposit.active {
	display: block;
}
.board-deposit form div select {
	width: 100%;
	height: 50px;
	padding: 0 10px;
	font-size: 15px;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.board-deposit form div .message p {
	font-size: 12px;
	text-align: left;
	padding: 0;
	color: var(--text);
}

.info-confirm-tab ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-top: 15px;
	padding: 0;
}
.info-confirm-tab ul li {
	flex: 1;
	padding: 5px;
	border: 1px solid #ddd;
	color: #999;
	text-align: center;
}
.info-confirm-tab ul li:hover {
	cursor: pointer;
}
.info-confirm-tab ul li.active {
	background-color: var(--primary);
	color: white;
	border: none;
}

/* modal layer */
.modal-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 100;
	justify-content: center;
	align-items: center;
	padding: 5%;
}

.modal-layer.active {
	display: flex;
}

.modal-layer .modal-container {
	width: 500px;
	max-height: 100%;
	background-color: white;
}

.modal-layer .modal-container .modal-title {
}
.modal-layer .modal-container .modal-title h5 {
	background-color: var(--primary);
	color: white;
	height: 40px;
	margin: 0;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
}
.modal-layer .modal-container .modal-title p {
	padding: 3px 20px;
}
.modal-layer .modal-container .modal-body {
	overflow-y: auto;
	margin-top: 15px;
	max-height: calc(100% - 109px);
}
.modal-layer .modal-container .modal-body form {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.modal-layer .modal-container .modal-body form .input {
	padding: 0 20px;
}

.modal-layer .modal-container .modal-body form .input label {
	display: flex;
	margin-bottom: 0;
	gap: 7px;
}

.modal-layer .modal-container .modal-body form .input label p {
	background-color: #f9f9f9;
	color: #999;
	padding: 10px;
	width: 150px;
}
.modal-layer .modal-container .modal-body form .input label input {
	width: calc(100% - 150px);
	border: none;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.modal-layer .modal-container .modal-body form .input p.label-message {
	font-size: 12px;
	color: var(--text);
}

.modal-layer .modal-container .modal-body form .button {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.modal-layer .modal-container .modal-body form .button button {
	flex: 1;
	padding: 10px 0 8px;
	font-size: 16px;
}
.modal-layer .modal-container .modal-body form .button button[type='submit'] {
	border: none;
	background-color: var(--primary);
	color: white;
}
@media (max-width: 768px) {
	.modal-layer {
		z-index: 8500;
		align-items: flex-start;
	}
	.modal-layer .modal-container {
		width: 100%;
	}
	.modal-layer .modal-container .modal-title p {
		line-height: 1.2;
		font-size: 12px;
	}

	.modal-layer .modal-container .modal-body {
		max-height: calc(100% - 90px);
	}

	.modal-layer .modal-container .modal-body form {
		gap: 10px;
	}

	.modal-layer .modal-container .modal-body form .input label p {
		font-size: 12px;
		width: 30%;
		line-height: 1;
		word-break: keep-all;
	}
	.modal-layer .modal-container .modal-body form .input label input {
		width: 70%;
	}
	.modal-layer .modal-container .modal-body form .input p.label-message {
		font-size: 10px;
		line-height: 1.1;
	}
}
@media screen and (max-height: 980px) {
	.modal-layer .modal-container {
		height: 100%;
	}
}

/* signup */
.container .member fieldset p.info-memo {
	font-size: 11px;
	line-height: 16px;
	color: #ff1493;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: -6px;
}

.info-fee dl {
	margin-top: 15px;
}

.info-fee dt {
	/* width: 25%; */
	width: 50%;
	float: left;
	background-color: #f1f1f1;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #666;
	font-size: 12px;
	padding: 8px 0 7px 0;
}

.info-fee dd {
	/* width: 25%; */
	width: 50%;
	float: left;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #000;
	font-size: 12px;
	padding: 7px 0 6px 0;
}
.bic_area {
	display: none;
}

/* bank */
.wallet-item {
	display: none !important;
}
.confirm-btn.control-button.wallet-item.active {
	display: flex !important;
}

.confirm-btn.wallet-item.active {
	display: block !important;
}
.confirm-btn.control-button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5%;
}
.confirm-btn.control-button select {
	width: 79%;
}
.confirm-btn.control-button .button {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 7px;
	width: 19.5%;
	padding-bottom: 0;
}
.confirm-btn.control-button .button button {
	width: 100%;
	font-size: 12px;
}
.confirm-btn.control-button .button button.green {
	background-color: var(--green);
}
.confirm-btn.control-button .button button.red {
	background-color: var(--red);
}

.wallet-radio {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
}
.wallet-radio label {
	position: unset !important;
	margin: 0 !important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 7px;
}

.wallet-radio label input[type='radio'] {
	display: none;
}
.wallet-radio label input[type='radio']:checked ~ span.radio-box::after {
	content: '';
	width: 50%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: var(--primary);
}
.wallet-radio label span.radio-box {
	width: 17px;
	height: 17px;
	aspect-ratio: 1/1;
	border: 1px solid var(--line);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wallet-radio label p.radio-label {
	padding: 0;
	font-size: 12px;
}