/**
  * #modalCashReg
  */
#modalCashReg {
	position: relative;
	width: 500px;
	max-width: 500px;	
	border-radius: 12px;
}

#modalCashReg .DM-header {
	position: absolute;
	top: 10px;
	left: 15px;
	color: #fff;
	font-size: 15px;
}

#modalCashReg .DM-body {
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
	background-color: #5B86E5;
	height: auto;
}

#modalCashReg .DM-body .wrap-state {
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;	
}

#modalCashReg .DM-body .wrap-state span.point {
	margin-left: 10px;
	margin-right: 10px;
	color: #fff !important;
	padding-bottom: 2px;
	border-bottom: 1px #fff solid;
	cursor: pointer;	
}

#modalCashReg .DM-body .wrap-input input {
	width: 80px;
	height: 24px;
	font-size: 20px;
	border: 0px;
	text-align: center;
}

#modalCashReg .DM-body .wrap-search {
	position: relative;
	height: 100px;
}

#modalCashReg .DM-body .wrap-search .left {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 50%;
}

#modalCashReg .DM-body .wrap-search .left button {
	width: 80%;
	height: 44px;
	font-size: 16px;
	border: 1px solid transparent;
	border-radius: 8px;
	box-shadow: 0px 0px 0px #ddd;
}

#modalCashReg .DM-body .wrap-search .right {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 50%;
}

#modalCashReg .DM-body .wrap-search .right .result {
	width: 100%;
	text-align: center;
}

#modalCashReg .DM-footer {
	position: relative;
}

#modalCashReg .DM-footer .left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 40px;
	padding-top: 15px;
	text-align: center;
	background-color: #fff;
	border-radius: 0px 0px 0px 10px;
	cursor: pointer;
}

#modalCashReg .DM-footer .right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
	height: 40px;
	padding-top: 15px;
	text-align: center;
	color: #fff;
	background-color: #5B86E5;
	border-radius: 0px 0px 10px 0px;
	cursor: pointer;	
}

#modalCashReg .DM-close {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
}

/**
 * (responsive)
 */
@media (max-width: 767px) { /* (mobile) */
	#modalCashReg {
		width: 100%;
	}

	#modalCashReg .DM-body .wrap-input input {
		width: 55px;
		font-size: 18px;
	}
}

 @media (max-width: 320px) { /* (mini-mobile) */
	#modalCashReg .DM-body .wrap-input input {
		width: 45px;
		font-size: 16px;
	}

	#modalCashReg .DM-body .wrap-search .right .result {
		font-size: 13px;
	}	
 }

 /**
  * #modalCashHistory
  */
#modalCashHistory {
	position: relative;
	width: 500px;
	max-width: 500px;	
}

#modalCashHistory .DM-header {
	position: absolute;
	top: 10px;
	left: 15px;
	color: #fff;
	font-size: 15px;
}

#modalCashHistory .DM-body {
	padding-top: 40px;
	text-align: center;
	color: #fff;
	background-color: #5B86E5;	
	height: auto;
}

#modalCashHistory .DM-body .wrap-jeju-cash {
	position: relative;
	font-size: 15px;
}

#modalCashHistory .DM-body .wrap-jeju-cash .jeju-cash {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #fff;
}

#modalCashHistory .DM-body .wrap-jeju-cash .using-coupon {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 15px;
}

#modalCashHistory .DM-body .wrap-jeju-cash .using-coupon span {
	cursor: pointer;
}

#modalCashHistory .DM-body .wrap-jeju-cash .using-coupon span:hover {
	padding-bottom: 2px;
	border-bottom: 1px #fff solid;
}

#modalCashHistory .DM-body .wrap-jeju-cash .using-coupon i.fa-plus {
	font-size: 12px;
}

#modalCashHistory .DM-body .wrap-search {
	margin-top: 60px;
	padding: 20px;
	color: #333;
	background-color: #ddd;
}

#modalCashHistory .DM-body .wrap-search .height-space {
	height: 10px;
}

#modalCashHistory .DM-body .wrap-search .input-date {
	border: 1px solid #ccc;
	background-color: #fff;
	padding-top: 10px;
	height: 35px;
}

#modalCashHistory .DM-body .wrap-search .input-date .date {
	width: 40%;
}

#modalCashHistory .DM-body .wrap-search .select-months .table .table-cell {
	background-color: #fff;
	height: 35px;
	border-top: 1px solid #ccc;
	cursor: pointer;
}

#modalCashHistory .DM-body .wrap-search .select-months .table .table-cell.selected {
	border: 1px solid #36D1DC;
	color: #36D1DC;
}

#modalCashHistory .DM-body .wrap-search .btns button {
	width: 100%;
	height: 40px;
	font-size: 18px;
	border-radius: 10px;
}

#modalCashHistory .DM-body .wrap-list {
	color: #333;
	background-color: #ddd;
	padding-bottom: 20px;
	padding: 20px;
	padding-top: 0px;
}

#modalCashHistory .DM-body .wrap-list .list {
	border: 1px solid #ccc;
	background-color: #fff;
	min-height: 200px;
	padding: 20px;
}

#modalCashHistory .DM-close {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
}

/**
 * (responsive)
 */
@media (max-width: 767px) { /* (mobile) */
	#modalCashHistory {
		width: 100%;
	}
}