@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700');



body {
	font-family: 'Noto Sans KR', sans-serif !important;
	color: #423a3a;
	font-weight: 400;
	background: #f3f3f3;
}

input,
select {
	font-family: 'Noto Sans KR', sans-serif !important;
}

.inner {
	width: 1200px;
	margin: 0 auto;
}

.inner2 {
	width: 1200px;
	margin: 0 auto;
}

.c_inner {
	width: 960px;
	margin: 0 auto;
	position: relative;

}

p {
	margin: 0px 0px 0px 0px;
}

.top_inner {
	width: 1200px;
	margin: 0 auto;
}

.pc_hide {
	display: none;
}

.sp5 {
	height: 5px;
	clear: both;
}

.sp10 {
	height: 10px;
	clear: both;
}

.sp12 {
	height: 12px;
	clear: both;
}

.sp15 {
	height: 15px;
	clear: both;
}

.sp20 {
	height: 20px;
	clear: both;
}

.sp25 {
	height: 25px;
	clear: both;
}

.sp30 {
	height: 30px;
	clear: both;
}

.sp35 {
	height: 35px;
	clear: both;
}

.sp40 {
	height: 40px;
	clear: both;
}

.sp45 {
	height: 45px;
	clear: both;
}

.sp50 {
	height: 50px;
	clear: both;
}

.sp55 {
	height: 55px;
	clear: both;
}

.sp60 {
	height: 60px;
	clear: both;
}

.sp65 {
	height: 65px;
	clear: both;
}

.sp70 {
	height: 70px;
	clear: both;
}

.sp75 {
	height: 75px;
	clear: both;
}

.sp77 {
	height: 77px;
	clear: both;
}

.sp80 {
	height: 80px;
	clear: both;
}

.sp90 {
	height: 90px;
	clear: both;
}

.sp100 {
	height: 100px;
	clear: both;
}

.sp110 {
	height: 110px;
	clear: both;
}

.sp120 {
	height: 120px;
	clear: both;
}

.sp130 {
	height: 130px;
	clear: both;
}

.sp140 {
	height: 140px;
	clear: both;
}

.sp150 {
	height: 150px;
	clear: both;
}

.sp160 {
	height: 160px;
	clear: both;
}

.sp165 {
	height: 165px;
	clear: both;
}

.sp200 {
	height: 200px;
	clear: both;
}

.t_bold {
	font-weight: bold
}

.pc_hider {
	display: none;
}

.allowed {
	cursor: not-allowed !important;
}

/* Select box */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/select.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-size: 8px auto;
}

input,
select {
	appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	-webkit-border: none;
	-moz-border: none;
	-webkit-padding: 0 10px;
	-moz-padding: 0 10px;
}

input[type='checkbox'] {
	-webkit-appearance: checkbox
}

input[type='radio'] {
	-webkit-appearance: radio
}

input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select::-ms-expand {
	display: none;
	/*for IE10, 11*/
}

.inner {
	width: 1200px;
	margin: 0 auto
}

a {
	color: #343434;
	text-decoration: none;
}



/*TOP*/
.leftmenu {
	display: none;
}


.header {
	background: #ffffff;
	height: 70px;
	overflow: hidden;
}

.header .top {
	float: left;
	width: 15%;
	text-align: center;
}

.header .top img {
	margin-top: 17px;
}

.header .user {
	display: none;
}

.header .user img {
	margin-right: 10px;
	float: left;
}

.header .user .userinfo {
	float: left
}

.header .user .username {
	font-size: 14px;
	font-weight: 500;
}

.header .user .usermail {
	font-size: 12px;
	color: #acacac;
}


/*left menu*/

.leftmenu {
	float: left;
	background: #262a63;
	width: 15%;
	height: 100vh;
}

.leftmenu .l_menu {
	margin-left: 55px;
	margin-top: 55px;
}

.leftmenu .l_menu li {
	margin-bottom: 30px;
}

.leftmenu .l_menu li a {
	color: #ffffff;
	margin-left: 5px;
	font-size: 15px;
}

.leftmenu .l_menu li a img {
	vertical-align: middle;
	margin-right: 10px;
}


.leftmenu .logout {
	position: absolute;
	bottom: 20%;
	margin-left: 55px;
}

.leftmenu .logout button {
	background: #d8ba74;
	color: #262a63;
	outline: none;
	border: none;
	border-radius: 3px;
	width: 100px;
	height: 30px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.leftmenu .logout button:hover {
	background: #c1a45f;
}


/*main*/
.main .rightcontents {
	width: 95%;
	margin: 0 auto;
}

.main .rightcontents .section01 {
	width: 95%;
	margin: 15px auto 0;
}

.main .rightcontents .section01 .filfox {
	background-image: url(../img/box_bg01.png);
	width: 100%;
	background-size: 100% 100%;
	height: 160px;
	cursor: pointer;
	box-shadow: 3px 3px 10px #acacac;
	margin-bottom: 15px;
	border-radius: 3px;
	text-align: center;
}

.main .rightcontents .section01 .filfox .f_logo {
	margin-top: 62px;
	margin-left: 23px;
	float: left;
	width: 150px;
}

.main .rightcontents .section01 .filfox .f_icon {
	display: none;
}

.main .rightcontents .section01 .filfox p {
	font-size: 17px;
	font-weight: 500;
	color: #ffffff;
	padding-top: 70px;
	float: right;
	margin-right: 25px;
}

.main .rightcontents .section01 .binance {
	background-image: url(../img/box_bg01_02.png);
	width: 100%;
	background-size: 100% 100%;
	height: 160px;
	cursor: pointer;
	box-shadow: 3px 3px 10px #acacac;
	margin-bottom: 15px;
	border-radius: 3px;
	text-align: center;
}

.main .rightcontents .section01 .binance .b_logo {
	width: 225px;
	margin-top: 58px;
}

.main .rightcontents .section01 .filcoin {
	background-image: url(../img/box_bg02.png);
	width: 100%;
	background-size: 100% 100%;
	height: 160px;
	cursor: pointer;
	box-shadow: 3px 3px 10px #acacac;
	margin-bottom: 15px;
}

.main .rightcontents .section01 .filcoin .filcon_t {
	float: left;
	margin-left: 25px;
	margin-top: 55px;

}

.main .rightcontents .section01 .filcoin .filcon_t span {
	font-size: 14px;
	color: #ffffff;
}

.main .rightcontents .section01 .filcoin .filcon_t p {
	margin-top: -3px;
	color: #ffffff;
	font-weight: 600;
	font-size: 22px;
}

.main .rightcontents .section01 .filcoin .fil_icon {
	float: right;
	margin-top: 52px;
	margin-right: 25px;
	width: 60px;
}


.main .rightcontents .section01 .level {
	background-image: url(../img/box_bg03.png);
	width: 100%;
	background-size: 100% 100%;
	height: 160px;
	cursor: pointer;
	box-shadow: 3px 3px 10px #acacac;
	margin-bottom: 15px;
}

.main .rightcontents .section01 .level span {
	font-size: 18px;
	float: left;
	color: #ffffff;
	margin-top: 70px;
	margin-left: 25px;
}

.main .rightcontents .section01 .level .coinmarket {
	width: 150px;
	filter: brightness(0) invert(1);
	margin-top: 70px;
	margin-left: 10px;
}

.main .rightcontents .section01 .level .level_n {
/*
	float: right;
	background-image: url(../img/icon03.png);
	background-size: 100% 100%;
	width: 89px;
	height: 78px;
	margin-top: 50px;
	margin-right: 25px;
*/
	text-align: center;
	margin: 0 auto;
}

.main .rightcontents .section01 .level .level_n img {
	width: 225px;
	filter:  brightness(0) invert(1);
	    margin-top: 58px;
}

.main .rightcontents .section01 .level .level_n p {
	font-size: 30px;
	color: #ffffff;
	font-weight: 500;
	margin-top: 5px;

}

.main .rightcontents .section02 {
	width: 95%;
	margin: 20px auto 0;
}

.main .rightcontents .section02 .p_02 {
	width: 100%;
	height: 145px;
	background: #ffffff;
	border: #d8d8d8 1px solid;
	border-radius: 3px;
	margin-bottom: 15px;
	box-shadow: 3px 3px 10px #acacac;
}

.main .rightcontents .section02 .p_02 img {
	float: right;
	margin-right: 30px;
	margin-top: 38px;
	width: 70px;
}

.main .rightcontents .p_t_02 {
	color: #3f64de;
	float: left;
	margin-top: 45px;
	margin-left: 30px;
}

.main .rightcontents .p_t_003 {
	margin-top: 53px !important;
}

.main .rightcontents .p_t_003 .p_t_002 {
	font-size: 24px;
}

.main .rightcontents .p_t_02 span {
	font-size: 14px;
}

.main .rightcontents .p_t_02 p {
	font-size: 22px;
	font-weight: 600;
}

.main .rightcontents .p_02:nth-child(4) {
	margin-right: 0px;
}

.main .rightcontents .section03 {
	width: 95%;
	margin: 15px auto 0;
	padding-bottom: 40px;
}

.main .rightcontents .section03 .buy {
	background: #ffffff;
	width: 100%;
	border: #d8d8d8 1px solid;
	padding: 10px 20px;
	margin-right: 1%;
	height: 300px;
	border-radius: 3px;
	box-shadow: 3px 3px 10px #acacac;
	margin-bottom: 15px;
}

.main .rightcontents .section03 .salebox .buy_title {
	margin: 5px 0 10px;
}

.main .rightcontents .section03 .salebox .buy_title img {
	width: 25px;
}

.main .rightcontents .section03 .salebox .buy_title span {
	color: #3f64de;
	margin-left: 10px;
	font-weight: 500;
	font-size: 16px;
}

.main .rightcontents .section03 .salebox .buylist {
	background: #ffffff;
	width: 100%;
	border: #d8d8d8 1px solid;
	border-radius: 3px;
	height: 225px;
	overflow-y: auto;
}

.main .rightcontents .section03 .salebox .buylist table {
	width: 100%;
	text-align: center;
}

.main .rightcontents .section03 .salebox .buylist table td {
	width: 25%;
	font-size: 12px;
	color: #7b7b7b;
	height: 35px;
	border-bottom: 1px #f1f1f1 solid;
}

.main .rightcontents .section03 .salebox .buylist table td img {
	vertical-align: middle;
	/* margin-right: 7px; */
	width: 15px;
	display: none;
}

.main .rightcontents .section03 .salebox .buylist_t {
	background: #e9e9e9;
	height: 30px;
}

.main .rightcontents .section03 .salebox .buylist_t td {
	color: #343434 !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	border-bottom: none;
}

.main .rightcontents .section03 .salebox .buylist table tr:nth-last-child(1) td {
	border-bottom: none;
}

.main .rightcontents .section03 .salebox .buylist table .sell span {
	color: #ffffff;
	font-size: 10px;
	background: #3f63dd;
	padding: 2px 7px;
	border-radius: 20px;
}

.main .rightcontents .section03 .salebox .buylist table .wait span {
	color: #ffffff;
	background: #edbc16;
	border-radius: 20px;
	padding: 2px 7px;
	font-size: 10px;

}

.main .rightcontents .section03 .salebox .buylist table .delete span {
	color: #ffffff;
	background: #ce2e2e;
	border-radius: 20px;
	padding: 2px 7px;
	font-size: 10px;
}

.main .rightcontents .section03 .selling {
	background: #ffffff;
	width: 100%;
	border: #d8d8d8 1px solid;
	padding: 10px 20px;
	margin-right: 1%;
	height: 300px;
	border-radius: 3px;
	box-shadow: 3px 3px 10px #acacac;
}

/*모바일 메뉴*/

.header,
.leftmenu {
	display: none;
}

.m_top_section {
	width: 100%;
	padding: 0px 10px;
	position: relative;
	height: 70px;
	background: #ffffff;
}

.m_nav {
	float: left;
	width: 20px;
	margin-top: 13px;
	margin-left: 5px;
	cursor: pointer;
}

.h_top .m_logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.h_top .m_logo img {
    height: 50px;
}

#m_nav {
	width: 80%;
	background: #262a63;
	position: fixed;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.9);
	z-index: 999999;
	padding-top: 27px;
	display: block !important;
	top: 0px;
	left: 0px;
	height: 100vh;
	max-height: 100%;
	overflow: auto;
}

.m_nav_logo {
	padding-left: 10px;
	display: flex;
	align-items: center;
	margin-top: 30px;
}


.sub-menu {
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 35px;
	border-bottom: 1px #383d86 solid;
	padding-right: 30px;
}

.sub-menu a {
	color: #ffffff;
	display: block;
}

.sub-menu a img {
	vertical-align: middle;
	margin-right: 10px;
}

.menu_icon {
	float: left;
	margin-top: 12px;
	margin-right: 5px;
	width: 13px;
}

.m_top_section .logout {
	margin-left: 15px;
	margin-top: 35px;
}

.m_top_section .logout button {
	border: none;
	outline: none;
	background: #f8d877;
	height: 30px;
	width: 85px;
	border-radius: 3px;
	color: #262a63;
	font-weight: 700;
	font-size: 12px;
}

/*입금*/
.deposit .rightcontents {
	width: 95%;
	margin: 0 auto;
}

.section04 {
	width: 95%;
	margin: 15px auto 0;
	overflow: hidden;
	padding-bottom: 15px;
}

.deposit_left {
	width: 49.5%;
	float: left;
}

.deposit_left .form01 {
	width: 100%;
	height: 265px;
	padding: 20px;
	border-radius: 3px;
	background: #ffffff;
	border: #e0e0e0 1px solid;
}

.deposit_left .form01 .title {
	font-size: 24px;
	color: #2c2c2c;
	border-bottom: 1px #d6d6d6 solid;
}

.deposit_left .form01 .left_box {
	width: 75%;
	float: left;
}

.deposit_left .form01 .left_box .info .text01 {
	font-size: 15px;
	color: #333333;
	margin-top: 30px;
}

.deposit_left .form01 .left_box .info .address_input_box {
	width: 100%;
	margin: 10px 0px;
	overflow: hidden;
}

.deposit_left .form01 .left_box .info .text02 {
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
}

.deposit_left .form01 .left_box .info .address_input_box .address_input {
	width: 70%;
	height: 40px;
	border-radius: 5px;
	padding-left: 10px;
	font-size: 15px;
	border: 1px #e4e4e4 solid;
}

.deposit_left .form01 .left_box .info .address_input_box .copy_btn {
	color: #ffffff;
	width: 28%;
	height: 41px;
	float: right;
	font-size: 13px;
	background-color: #383838;
	text-align: Center;
	line-height: 40px;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.deposit_left .form01 .right_box {
	width: 25%;
	float: right;
	padding-top: 10px;
	padding-left: 5%;
}

.deposit_left .form01 .right_box img {
	width: 150px;
}

.qr_code_text {
	font-size: 16px;
	color: #343434;
	font-weight: 700;
	text-align: center;
}

.deposit_right {
	width: 100%;
	padding: 20px;
	border-radius: 3px;
	background: #ffffff;
	border: #e0e0e0 1px solid;
	margin-top: 15px;
}

.deposit_right .title {

	font-size: 20px;
	padding-bottom: 10px;

	color: #2c2c2c;
	border-bottom: 1px #d6d6d6 solid;
}

.deposit_right .history_table {
	width: 100%;
	height: 350px;
	overflow: hidden;
	overflow-y: auto;
	margin-top: 20px;
}

.deposit_right .history_table table {
	width: 100%;
	border-collapse: collapse;
}

.deposit_right .history_table table tr th:nth-child(1) {
	width: 25%;
}

.deposit_right .history_table table tr th:nth-child(2) {
	width: 30%;
}

.deposit_right .history_table table tr th:nth-child(3) {
	width: 45%;
}

.deposit_right .history_table table tr th {
	background: #262a63;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	text-align: Center;
	border-bottom: 1px #e4e4e4 solid;
}

.deposit_right .history_table table tr td {
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	color: #2c2c2c;
	font-weight: 400;
	text-align: Center;
	border-bottom: 1px #e4e4e4 solid;
}

.depositist .right_title {
	width: 100%;
}

.title_t {
	float: left;
	font-size: 24px;
	color: #2c2c2c;
	font-weight: 600;
	margin-bottom: 10px;
}

.depositist .right_title .title_b {
	display: none;
}

.depositist .title_b_m {
	width: 100%;
	height: 45px;
	border: none;
	outline: none;
	font-size: 14px;
	font-weight: 600;
	background: #4759a8;
	color: #ffffff;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 10px;
}

.depositist .right_title .title_b:hover {
	background: #3a4a8e;

}

.section04 .deposit_list {
	width: 100%;
	padding: 20px;
	border-radius: 3px;
	background: #ffffff;
	border: #e0e0e0 1px solid;
}

.right_title .title {
	float: left;
}

.section04 .history_table table tr th:nth-child(1) {
	width: 20%;
}

.section04 .history_table table tr th:nth-child(2) {
	width: 30%;
}

.section04 .history_table table tr th:nth-child(3) {
	width: 20%;
}

.section04 .history_table table tr th:nth-child(4) {
	width: 30%;
}


.sell span {
	color: #ffffff;
	font-size: 12px;
	background: #3f63dd;
	padding: 2px 7px;
	border-radius: 20px;
}

.wait span {
	color: #ffffff;
	font-size: 12px;
	background: #edbc16;
	padding: 2px 7px;
	border-radius: 20px;
}

.delete span {
	color: #ffffff;
	font-size: 12px;
	background: #ce2e2e;
	padding: 2px 7px;
	border-radius: 20px;
}

.section04 .history_table table tr th:nth-child(1) {
	width: 20%;
}

.section04 .history_table table tr th:nth-child(2) {
	width: 30%;
}

.section04 .history_table table tr th:nth-child(3) {
	width: 20%;
}

.section04 .history_table table tr th:nth-child(4) {
	width: 30%;
}

.section04 .history_table table tr td {
	height: 25px;
	line-height: 25px;
}

/*출금*/
.section05 {
	width: 95%;
	margin: 15px auto 0;
	padding-bottom: 15px;

}


.withdrawal_left {
	width: 100%;
	border: #e0e0e0 1px solid;
}

.withdrawal_left .form01 {
	width: 100%;
	padding: 20px;
	border-radius: 3px;
	background: #ffffff;
}

.withdrawal_left .form01 .title {

	font-size: 20px;
	padding-bottom: 10px;

	color: #2c2c2c;
	border-bottom: 1px #d6d6d6 solid;
}

.withdrawal_left .form01 .total_box {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

.withdrawal_left .form01 .total_box .total_box_inner {
	width: 100%;
	float: left;
	border: 1px #f5f5f561 solid;
	overflow: Hidden;
}

.withdrawal_left .form01 .total_box .total_box_inner .total_box_title {
	float: left;
	width: 35%;
	height: 48px;
	line-height: 48px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	background: #262a63;
	padding-left: 6px;
}

.withdrawal_left .form01 .total_box .total_box_inner .total_box_balance {
	float: right;
	width: 65%;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	font-weight: 700;
	padding-left: 15px;
	background: #f3f3f3;
}

.withdrawal_left .form01 .total_box .total_box_inner .total_box_balance .allowed {
	cursor: not-allowed !important;
	color: #2c2c2c;
}

.withdrawal_input_box table {
	margin-top: 20px;
}

.withdrawal_input_box tr td:nth-child(1) {
	width: 35%;
	color: #ffffff;
	background: #262a63;
}

.withdrawal_input_box tr td:nth-child(2) {
	width: 65%;
}

.withdrawal_input_box tr td {
	height: 48px;
	font-size: 13px;
	border-bottom: 1px #f9f9f92e solid;
	padding-left: 7px;
}

.withdrawal_input_box .withdrawal_input01 {
	width: 100%;
	height: 35px;
	border-radius: 5px;
	padding-left: 10px;
	background: #ffffff;
	color: #333333;
	border: 1px #e4e4e4 solid;
}

.mypage .withdrawal_input_box .withdrawal_input01::placeholder {
	font-size: 11px;
}

.button06 {
	width: 100%;
	height: 45px;
	border: none;
	background: #4859a8;
	border-radius: 5px;
	color: #ffffff;
	font-size: 14px;
	margin-top: 20px;
}

.button06:hover {
	background: #414f90;
}

/*공지사항*/
.notice .rightcontents {
	width: 95%;
	margin: 0 auto;
}

.section06 {
	width: 95%;
	margin: 15px auto 0;
	overflow: hidden;
	padding-bottom: 15px;
}

.notice01_table {
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	height: 700px;
	padding: 20px;
	border-radius: 3px;
	background: #ffffff;
	border: #e0e0e0 1px solid;
}

.notice01_table table {
	width: 100%;
	border-collapse: collapse;
	/* border-left: 1px #e4e4e4 solid;
    border-top: 1px #e4e4e4 solid;
    border-right: 1px #e4e4e4 solid;*/
}

.notice01_table table tr th:nth-child(1) {
	width: 15%;
}

.notice01_table table tr th:nth-child(2) {
	width: 55%;
}

.notice01_table table tr th:nth-child(3) {
	width: 30%;
}


.notice01_table table tr th {
	background: #262a63;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	text-align: Center;
	border-bottom: 1px #e4e4e4 solid;

}

.notice01_table table tr td {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #232323;
	font-weight: 400;
	text-align: Center;
	border-bottom: 1px #e4e4e4 solid;
	padding: 5px 0;
	cursor: pointer;
}

/*공지사항 서브페이지*/

.notice_table02 {
	overflow: hidden;
	background: #f6f7fa;
	padding-bottom: 20px;
	border-radius: 3px;
	border: #e0e0e0 1px solid;
}

.view_table tr th {
	height: 45px;
	line-height: 45px;
	background: #4759a7;
	text-align: left;
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	padding-left: 15px;
	padding-right: 35px;
}

.viewtitle_l {
	float: left;
	font-size: 15px;
}

.view_table tr td {
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-size: 13px;
	font-weight: 400;
	border-bottom: 1px #bcc9d8 solid;
	padding: 15px;
	word-break: break-all;
}

.listgo_btn {
	width: 150px;
	background: #323c70;
	border-radius: 3px;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	cursor: pointer;
	margin-left: 15px;
}

.listgo_btn:hover {
	background: #252c54;
}

/*내정보*/

.mypage .rightcontents {
	width: 95%;
	margin: 0 auto;
}

.section07 {
	width: 95%;
	margin: 15px auto 0;
	overflow: hidden;
	padding-bottom: 15px;
}

.mypage .withdrawal_left {
	border: none;
}

.deposit_right2 {
	width: 100%;
	margin-top: 15px;
}

.mypage .deposit_right2 .form01 {
	width: 100%;
	padding: 20px;
	border-radius: 3px;
	background: #ffffff;
}

.mypage .deposit_right2 .form01 .title {
	font-size: 24px;
	color: #2c2c2c;
	border-bottom: 1px #d6d6d6 solid;
}


.mypage .deposit_right2 .withdrawal_input_box tr td {
	height: 64px;
}

.mypage .form02 {

	border: #e0e0e0 1px solid;
	border-radius: 3px;
}

/*로그인*/

#login_wrap .index_l_box {
	width: 100%;
	min-height: 100vh;
	overflow: auto;
	position: fixed;
	top: 0px;
	background-image: url(../img/login_bg.png);
	background-size: cover;
}

#login_wrap .inner {
	width: 95%;
	margin: 0 auto;
}

.login_div {
	background: #ffffff;
	border-radius: 5px;
	width: 95%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 50px;
	margin: 85px auto;
}

.login_div .logo {
	text-align: center;
	margin-bottom: 50px;
}

.login_div .logo img {
    height: 80px;
    margin-top: 40px;
}

.index_input {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}



.index_input01 {
	width: 100%;
	height: 40px;
	border: none;
	padding-left: 10px;
	background: transparent;
	border-bottom: 1px #e4e4e4 solid;
	padding-left: 33px;
}

.index_input {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}

.button01 {
	width: 100%;
	height: 50px;
	border: none;
	background: #122266;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	margin-top: 20px;
	cursor: pointer;
}

.button01:hover {
	background: #081448;
}

.button02 {
	width: 100%;
	height: 50px;
	border: none;
	background: #d8ba74;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
}

.button02:hover {
	background: #bb9f5e;
}

.find_text {
	text-align: center;
}

.find_text a {
	font-size: 14px;
	color: #7b7b7b;
}

/*회원가입*/

.join .login_div {
    height: 85vh;
    overflow-y: auto;
    margin: 60px auto;
}
.join .login_div .logo img {
	margin-bottom: 0;
}

.input_title {
	font-size: 16px;
	margin-bottom: 5px;
	color: #000000;
	font-weight: 400;
	line-height: 1;
}

.index_input02 {
	width: 100%;
	height: 40px;
	border: 1px #c3c3c3 solid;
	border-radius: 5px;
	padding-left: 10px;
	background: transparent;
	color: #333333;
}

.index_input02::placeholder {
	font-size: 12px;
}

.sending_btn {
	float: right;
	width: 27%;
	background: #8d8d8e;
	height: 40px;
	color: #ffffff;
	border-radius: 5px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
}

.mt5 {
	margin-top: 5px;
}

.button03 {
	width: 49%;
	height: 50px;
	border: none;
	background: #122266;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	margin-top: 20px;
	float: left;
	cursor: pointer;
}

.button03:hover {
	background: #081448;
}

.button04 {
	width: 49%;
	height: 50px;
	border: none;
	background: #d8ba74;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	margin-top: 20px;
	float: right;
	cursor: pointer;
}

.button04:hover {
	background: #bb9f5e;
}

.phone_select {
	width: 100%;
	height: 40px;
	border: 1px #c3c3c3 solid;
	border-radius: 5px;
	padding-left: 10px;
	background: transparent;
	color: #333333;
}

/*비밀번호 찾기*/


/*파일코인 리스트*/

.section10 {
	width: 95%;
	margin: 15px auto 0;
	padding-bottom: 15px;
}

/*otp*/
.common_box {
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}

.bTable .w50L {
	float: left;
	width: 49%;
}

.bTable .w50R {
	float: right;
	width: 49%;
	margin: 0;
}

.bTable .basic {
	position: relative;
	width: 100%;
	height: 45px;
	background: #fbfbfb;
	border: 1px solid #dedede;
	color: #000;
}

.bTable .td input.table {
	width: 100%;
	height: 40px;
	background: #fbfbfb;
	border: 1px solid #dedede;
	color: #000;
	text-indent: 10px;
	padding: 0;
}

.buyWrap .name {
	font-size: 22px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
}

.buyWrap .left49 {
	float: left;
	width: 48%;
}

.buyWrap .pic {
	position: relative;
	width: 100%;
	height: 325px;
	background: url(../images/server.png) no-repeat center center;
	border: 1px solid #d5d5d5;
}

.buyWrap .pic .tag {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 70px;
	height: 70px;
	background: #436acb;
	border-radius: 50%;
	padding: 20px 0 0 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}

.buyWrap .option {
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}

.buyWrap .option ul {
	float: left;
	width: 50%;
}

.block {
	clear: both;
}

.buyWrap .option .numBox {
	width: 36px;
	height: 36px;
	border: 1px solid #d5d5d5;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
}

.buyWrap .option ul li dd {
	float: left;
	margin: 2px;
}

.buyWrap .option ul.etc {
	float: right;
	width: 168px;
	padding: 8px 0 0 0;
	text-align: center;
}

.buyWrap .option .down {
	float: left;
	width: 45px;
	height: 45px;
	background: url(../images/down.png) no-repeat center center;
	border: 1px solid #d5d5d5;
	display: inline-block;
	cursor: pointer;
}

.buyWrap .option .num {
	float: left;
}

.buyWrap .option .up {
	float: left;
	width: 45px;
	height: 45px;
	background: url(../images/up.png) no-repeat center center;
	border: 1px solid #d5d5d5;
	display: inline-block;
	cursor: pointer;
}

.buyWrap .option .num input {
	width: 78px;
	height: 45px;
	background: #f5f5f5;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	text-align: center;
}

.buyWrap .right49 {
	float: right;
	width: 49%;
}

.buyWrap .th {
	padding: 22px 0 0 0;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 5px;
}

.buyWrap .con {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	background: #fbfbfb;
	border: 1px solid #dedede;
	font-size: 17px;
	font-weight: 500;
	line-height: 45px;
}

.buyWrap .con strong {
	color: #436acb;
}

.buyWrap .btnBuy {
	width: 350px;
	margin: 30px auto 30px auto;
	background: #333f50;
	padding: 23px 0;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}

#t_qty {
	margin-bottom: 10px;
}

.bWrap {
	margin-top: 20px;
}

.bOk {
	float: left;
	width: 49%;
	height: 45px;
	margin-right: 2%;
	background: #4859a8;
	padding: 14px 0;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
}

a.bCa {
	float: left;
	width: 49%;
	height: 45px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .3);
	padding: 15px 0;
	text-align: center;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
}

.bTable .td input.form011 {
	width: 100%;
	height: 40px;
	background: #fbfbfb;
	border: 1px solid #dedede;
	color: #000;
	text-indent: 10px;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.qr_img {
	width: 200px;
}

.qr_img img {
	width: 100%;
}
