@charset "utf-8";
/* 충/환전페이지 */
.cash-table { width: 100%; }
.cash-table .col-1 { padding: 20px; width: 50%; border-right: 1px solid #2f2f2f; }
.cash-table .col-2 { padding: 20px; width: 50%; }
.cash-table .cash-table-tit { margin-bottom: 30px; color: #fff; font-size: 24px; font-size: 2.4rem; font-weight: normal; }
.cash-info li { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; }
.cash-info li:after { content: ''; clear: both; display: block; visibility: hidden; }
.cash-info li strong { line-height: 40px; font-weight: normal; font-size: 20px; font-size: 2.0rem; float: left; width: 25%; }
.cash-info li span { line-height: 40px; font-size: 20px; font-size: 2.0rem; float: left; width: 75%; }
.cash-info li input { background: #000; border: 0.05rem solid #8f87aa; padding: 0 15px; height: 40px; line-height: 40px; float: left; width: 75%; color: #fff; }
.cash-info li p { line-height: 40px; font-size: 20px; font-size: 2.0rem; float: left; width: 100%; }
.cash-btn-wrap { margin-bottom: 10px; }
.cash-btn-wrap:after,
.cash-inp-wrap:after { content: ''; clear: both; display: block; visibility: hidden; }
.cash-btn-wrap > li {
	width: 16.666666%; float: left; padding-left: 2px;
}
.cash-btn-wrap > li:first-child { padding-left: 0; }
.cash-btn-wrap > li > a { 
	font-size: 18px; font-size: 1.8rem; width: 100%; display: block;
	text-align: center; background: #000; border: 0.05rem solid #8f87aa;
	padding: 10px 0;
}
.cash-btn-wrap > li > a:hover { background-color: #810185; }
.cash-inp-wrap input { 
	background: rgba(0, 0, 0, 0.5); border: 0.05rem solid #8f87aa; width: 70%; height: 70px; line-height: 70px; 
	text-align: right; font-weight: bold; color: #fff; padding: 0 30px;
	font-size: 30px; font-size: 3.0rem; float: left;
}
.cash-inp-wrap span {
	display:block; float: left; width: 10%; font-size: 20px; font-size: 2.0rem; height: 70px; line-height: 70px; text-align: center;
}
.cash-inp-wrap .btn_modify {
	border-radius: 4px; background-color: #000; width: 20%; height: 70px; line-height: 70px; 
	text-align: center; font-weight: bold; color: #fff; padding: 0;
	font-size: 20px; font-size: 2.0rem; float: right; border: 0.05rem solid #8f87aa;
}
.cash-inp-wrap .btn_modify:hover { background-color: #810185; }

/* 충/환전페이지 */


/* 충/환전리스트 */
.cash-list-table { width: 100%; text-align: center; }
.cash-list-table dt > div:first-child { border-left: none; }
.cash-list-table dd > div { border-bottom: 1px solid #333; }

.cash-list-table .col-1 { width: 8%; }
.cash-list-table .col-2 { width: 19%; }
.cash-list-table .col-3 { width: 15%; }
.cash-list-table .col-4 { width: 31%; }

.cash-list-table em { display: none; }

@media all and (max-width:1200px){
	.cash-table .col-1 { display: block; width: 100%; border-right: none; border-bottom: 1px solid #2f2f2f; }
	.cash-table .col-2 { display: block; width: 100%; }
}

@media all and (max-width:640px){
	.cash-btn-wrap > li { width: 33.333333%; padding-bottom: 2px; }
	.cash-btn-wrap > li:first-child,
	.cash-btn-wrap > li:nth-child(3n+1) { padding-left: 0; }

	.table-dl.cash-list-table { display: block; }
	.table-dl.cash-list-table > dt,
	.table-dl.cash-list-table > dd > div.col-1.no { display: none; }
	.table-dl.cash-list-table > dd,
	.table-dl.cash-list-table > dd { display: block; position: relative; padding: 20px; border-bottom: 1px solid #333; }
	.table-dl.cash-list-table > dd:after { content: ''; clear: both; display: block; visibility: hidden; }
	.table-dl.cash-list-table > dd > div { border: none; padding: 6px 0; text-align: left; display: block; float: left; }
	.cash-list-table em { color: #999; display: block; margin-bottom: 5px; }

	.cash-list-table .col-1,
	.cash-list-table .col-2,
	.cash-list-table .col-3,
	.cash-list-table .col-4 { width: 50%; font-size: 12px; font-size: 1.2rem; }

	.cash-table .cash-table-tit { font-size: 16px; font-size: 1.6rem; margin-bottom: 15px; }
	.cash-info li { margin: 0; }
	.cash-info li strong,
	.cash-info li span,
	.cash-info li p { font-size: 14px; font-size: 1.4rem; }

	.cash-inp-wrap input { width: 65% }
	.cash-inp-wrap span { width: 10% }
	.cash-inp-wrap .btn_modify { width: 25% }

	.cash-inp-wrap input,
	.cash-inp-wrap span,
	.cash-inp-wrap .btn_modify { font-size: 14px; font-size: 1.4rem; height: 40px; line-height: 40px; }
}
@media all and (max-width:480px){
	
	.cash-list-table .col-1,
	.cash-list-table .col-2,
	.cash-list-table .col-3,
	.cash-list-table .col-4 { font-size: 11px; font-size: 1.1rem; }
}
/* 충/환전리스트 */