/**
  * .wrap-ezpwd-block (common)
  */
.wrap-ezpwd-block {
	position: relative;
	font-size: 15px;
	background-color: #EBF1F5;
	text-align: center;
}

.wrap-ezpwd-block .block-input {
	padding: 20px;
	padding-top: 40px;
}

.wrap-ezpwd-block .block-input .title {
	padding-bottom: 20px;
	font-weight: bold;
}

.wrap-ezpwd-block .block-input .ezpwd div {
	display: inline-block;
}

.wrap-ezpwd-block .block-input .ezpwd .unit {
	width: 45px;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 8px;
	border: 1px solid #ddd;
	font-size: 18px;
	margin: 2px;
}

.wrap-ezpwd-block .block-input .ezpwd .unit.inputted {
	background-color: #1059FF;
	border: 1px solid #fff;
	color: #fff;
}

.wrap-ezpwd-block .block-input .msg-safe {
	padding-top: 40px;
	font-size: 14px;
}

.wrap-ezpwd-block .block-input .msg-safe i {
	font-size: 16px;
	padding-right: 5px;
}

.wrap-ezpwd-block .block-numpad {
	margin-top: 20px;
	font-size: 24px;
	background-color: #9AA2B1;
	color: #fff;
}

.wrap-ezpwd-block .block-numpad .table .table-cell {
	padding-top: 5px;
	height: 45px;
	cursor: pointer;
}

.wrap-ezpwd-block .block-numpad .table .table-cell.btn-del-all,
.wrap-ezpwd-block .block-numpad .table .table-cell.btn-del-back {
	position: relative;
}

.wrap-ezpwd-block .block-numpad .table .table-cell.btn-del-all div,
.wrap-ezpwd-block .block-numpad .table .table-cell.btn-del-back div {
	position: absolute;
	top: 15px;
	width: 100%;
	font-size: 16px;
	text-align: center;
}

.wrap-ezpwd-block .block-numpad .table .table-cell.btn-del-back div i {
	font-size: 24px;
}

/**
 * (responsive)
 */
@media (max-width: 767px) { /* (mobile) */
	.wrap-ezpwd-block .block-input .ezpwd .unit {
		width: 42px;
		height: 34px;
	}
}


/**
  * #modalAuthEzPwd
  */
#modalAuthEzPwd {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalAuthEzPwd .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalAuthEzPwd .DM-body {
	position: relative;
	text-align: center;
	background-color: #EBF1F5;
	height: auto;
	padding: 0px;
}

#modalAuthEzPwd .DM-close {
	position: absolute;
	top: 5px;
	right: -50px;
	color: #fff;
	font-size: 44px;
	cursor: pointer;
}

/**
 * (responsive)
 */
 @media (max-width: 991px) { /* (mobile & tablet) */
	#modalAuthEzPwd .btn-print-receipt {
		display: none;
	}

	#modalAuthEzPwd .DM-close {
		position: absolute;
		top: 5px;
		right: 10px;
		color: #000;
		font-size: 44px;
		cursor: pointer;
	}
 }

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


/**
  * #modalAuthBarcode
  */
#modalAuthBarcode {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalAuthBarcode .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalAuthBarcode .DM-body {
	position: relative;
	text-align: center;
	background-color: #EBF1F5;
	height: auto;
	padding: 20px;
}

#modalAuthBarcode .DM-body .title {
	text-align: left;
	padding-bottom: 20px;
}

#modalAuthBarcode .DM-body .wrap-customer-id {
	font-size: 18px;
}

#modalAuthBarcode .DM-body .wrap-customer-id span.phone {
	padding-left: 10px;
}

#modalAuthBarcode .DM-body .wrap-barcode {
	position: relative;
	background-color: #fff;
	padding: 20px 0px;
	margin: 20px 0px;
	border: 1px solid #ddd;
}

#modalAuthBarcode .DM-body .wrap-barcode .site-url {
	position: absolute;
	width: 100%;
	font-size: 13px;
	color: #666670;
}

#modalAuthBarcode .DM-body .wrap-barcode .barcode {
	padding: 20px;
}

#modalAuthBarcode .DM-body .wrap-barcode .barcode img {
	width: 100%;
}


#modalAuthBarcode .DM-body .wrap-barcode .code-num {
	position: absolute;
	width: 100%;
	bottom: 20px;
}

#modalAuthBarcode .DM-body .comment {
	font-size: 15px;
}

#modalAuthBarcode .DM-body .notice {
	font-size: 13px;
	padding-top: 20px;
	padding-bottom: 10px;
}

#modalAuthBarcode .DM-close {
	position: absolute;
	top: 5px;
	right: -50px;
	color: #fff;
	font-size: 44px;
	cursor: pointer;
}

/**
 * (responsive)
 */
 @media (max-width: 991px) { /* (mobile & tablet) */
	#modalAuthBarcode .btn-print-receipt {
		display: none;
	}

	#modalAuthBarcode .DM-close {
		position: absolute;
		top: 5px;
		right: 10px;
		color: #000;
		font-size: 44px;
		cursor: pointer;
	}
 }

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


/**
  * #modalPayReviewStep1
  */
#modalPayReviewStep1 {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalPayReviewStep1 .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalPayReviewStep1 .DM-body {
	position: relative;
	text-align: center;
	background-color: #EBF1F5;
	height: auto;
	padding: 20px;
}

#modalPayReviewStep1 .DM-body .title {
	text-align: left;
	padding-bottom: 20px;
}

#modalPayReviewStep1 .DM-body .question {
	padding-top: 10px;
	padding-bottom: 10px;
}

#modalPayReviewStep1 .DM-body .review-box {
	margin: 5px;
	padding: 20px;
	border: 1px solid #444;
	background-color: #fff;
}

#modalPayReviewStep1 .DM-body .review-box li {
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

#modalPayReviewStep1 .DM-body .review-box li img {
	width: 32px;
}

#modalPayReviewStep1 .DM-body .comment {
	padding-top: 20px;
	padding-bottom: 10px;
}

#modalPayReviewStep1 .DM-close {
	position: absolute;
	top: 5px;
	right: -50px;
	color: #fff;
	font-size: 44px;
	cursor: pointer;
}

/**
 * (responsive)
 */
 @media (max-width: 991px) { /* (mobile & tablet) */
	#modalPayReviewStep1 .DM-close {
		position: absolute;
		top: 5px;
		right: 10px;
		color: #000;
		font-size: 44px;
		cursor: pointer;
	}
 }

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


/**
  * #modalPayReviewStep2
  */
#modalPayReviewStep2 {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalPayReviewStep2 .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalPayReviewStep2 .DM-body {
	position: relative;
	text-align: center;
	background-color: #EBF1F5;
	height: auto;
	padding: 20px;
}

#modalPayReviewStep2 .DM-body .title {
	text-align: left;
	padding-bottom: 20px;
}

#modalPayReviewStep2 .DM-body .selected-review {
	padding: 5px;
}

#modalPayReviewStep2 .DM-body .selected-review li {
	padding-left: 10px;
	padding-right: 10px;
}

#modalPayReviewStep2 .DM-body .selected-review li img {
	width: 32px;
}

#modalPayReviewStep2 .DM-body .question {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}

#modalPayReviewStep2 .DM-body .review-box {
	margin: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
}

#modalPayReviewStep2 .DM-body .review-box textarea {
	width: 90%;
	height: 70px;
	margin-top: 10px;
	border: 0px;
}

#modalPayReviewStep2 .DM-body .comment {
	padding-top: 20px;
	padding-bottom: 10px;
}

#modalPayReviewStep2 .DM-body .btns {
	width: 100%;
	padding-top: 10px;
}

#modalPayReviewStep2 .DM-body .btns button {
	width: 40%;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 15px;
}

#modalPayReviewStep2 .DM-close {
	position: absolute;
	top: 5px;
	right: -50px;
	color: #fff;
	font-size: 44px;
	cursor: pointer;
}

/**
 * (responsive)
 */
 @media (max-width: 991px) { /* (mobile & tablet) */
	#modalPayReviewStep2 .DM-close {
		position: absolute;
		top: 5px;
		right: 10px;
		color: #000;
		font-size: 44px;
		cursor: pointer;
	}
 }

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


 /**
  * #modalPayList
  */
#modalPayList {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalPayList .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalPayList .DM-body {
	text-align: center;
	color: #fff;
	background-color: #272822;
	height: auto;
}

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

#modalPayList .DM-body .wrap-jeju-cash .jeju-cash,
#modalCardRegStep3 .DM-body .wrap-jeju-cash .jeju-cash {
	position: absolute;
	top: 4px;
	left: 15px;
	color: #00FFFF;
}

#modalPayList .DM-body .wrap-jeju-cash .jeju-cash span.point,
#modalCardRegStep3 .DM-body .wrap-jeju-cash .jeju-cash span.point {
	padding-bottom: 2px;
	border-bottom: 1px #00FFFF solid;
	cursor: pointer;
}

#modalPayList .DM-body .wrap-jeju-cash .using-coupon,
#modalCardRegStep3 .DM-body .wrap-jeju-cash .using-coupon {
	position: absolute;
	top: 4px;
	right: 15px;
	font-size: 13px;
}

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

#modalPayList .DM-body .wrap-pay-list {
	font-size: 13px;
	padding-top: 35px;
	padding-left: 4px;
	padding-right: 4px;
}

#modalPayList .DM-body .wrap-pay-list .pay-unit {
	padding-bottom: 4px;
}

#modalPayList .DM-body .wrap-pay-list .top {
	position: relative;
	background: #009abd;
	background: -moz-linear-gradient(left, #009abd 0%, #12b1a2 100%);
	background: -webkit-linear-gradient(left, #009abd 0%,#12b1a2 100%);
	background: linear-gradient(to right, #009abd 0%,#12b1a2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009abd', endColorstr='#12b1a2',GradientType=1 );
}

#modalPayList .DM-body .wrap-pay-list .top .btn-set-master {
	position: absolute;
	top: 0px;
	left: 20px;
}

#modalPayList .DM-body .wrap-pay-list .top .btn-set-master.txt-master {
	color: #FBE300;
}

#modalPayList .DM-body .wrap-pay-list .top .btn-set-master span,
#modalPayList .DM-body .wrap-pay-list .top .btn-delete span {
	cursor: pointer;
}

#modalPayList .DM-body .wrap-pay-list .top .btn-set-master span:hover,
#modalPayList .DM-body .wrap-pay-list .top .btn-delete span:hover {
	text-decoration: underline;
}

#modalPayList .DM-body .wrap-pay-list .top .btn-delete {
	position: absolute;
	top: 0px;
	right: 20px;
}

#modalPayList .DM-body .wrap-pay-list .middle {
	position: relative;
	height: 160px;
	color: #333;
	background-color: #fff;
}

#modalPayList .DM-body .wrap-pay-list .middle .card-company {
	padding-top: 45px;
}

#modalPayList .DM-body .wrap-pay-list .middle .card-company .img {
}

#modalPayList .DM-body .wrap-pay-list .middle .card-company .img img {
	height: 32px;
	padding-right: 5px;
}

#modalPayList .DM-body .wrap-pay-list .middle .card-company .txt {
	font-size: 28px;
	color: #333;
}

#modalPayList .DM-body .wrap-pay-list .middle .reg-num {
	position: absolute;
	bottom: 30px;
	width: 100%;
	font-size: 18px;
	text-align: center;
}

#modalPayList .DM-body .wrap-pay-list .bottom {
	background-color: #F3F3F3;
	color: #444;
	padding: 5px;
}

#modalPayList .DM-body .wrap-pay-list .wrap-selector {
	/*cursor: pointer;*/
}

#modalPayList .DM-body .wrap-pay-list .wrap-selector.btn-show-pay-approval:hover .bottom {
	cursor: pointer;
}

#modalPayList .DM-body .wrap-pay-list .wrap-selector:hover .bottom {
	color: #39392F;
	background-color: #FBE300;
}

#modalPayList .DM-body .wrap-pay-list .pay-unit.empty .middle {
	height: 190px;
	font-size: 24px;
}

/**
 * not-available - 사용불가
 */
#modalPayList .DM-body .wrap-pay-list .pay-unit.not-available .top {
	background-color: #ddd;
	color: #39392F;
}

#modalPayList .DM-body .wrap-pay-list .pay-unit.not-available .middle {
	background-color: #ddd;
	color: #39392F;
}

#modalPayList .DM-body .wrap-pay-list .pay-unit.not-available .bottom {
	background-color: #ddd;
	color: #39392F;
}

#modalPayList .DM-body .wrap-pay-list .pay-unit.not-available .wrap-selector:hover .bottom {
	font-weight: normal;
}

/**
 * emtpy - 신규카드 연결
 */
#modalPayList .DM-body .wrap-pay-list .pay-unit.empty .middle .icon {
	position: absolute;
	top: 35px;
	width: 100%;
	text-align: center;
	font-size: 50px;
	color: #39392F;
}

#modalPayList .DM-body .wrap-pay-list .pay-unit.empty .middle .icon .comment {
	font-size: 13px;
	padding-top: 20px;
}

#modalPayList .DM-body .wrap-pay-list .pay-unit.empty:hover .middle .icon {
	color: #272822;
}

#modalPayList .DM-body > .btn-show-card-reg {
	position: absolute;
	cursor: pointer;
	font-size: 15px;
	color: #F3F3F3;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

#modalPayList .DM-body > .btn-show-card-reg i {
	padding-right: 4px;
}

#modalPayList .DM-body .btn-show-card-reg:hover span {
	text-decoration: underline;
}

/**
 * dotted-line
 */
#modalPayList .wrap-pay .dotted-line {
	height: 2px;
	border-bottom: 1px dotted #808080;
	margin: 10px 20px;
	z-index: 2;
}

#modalPayList .DM-close {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
}

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

	#modalPayList .DM-body .wrap-pay-list .wrap-selector:hover .bottom {
		background-color: #F3F3F3;
	}

}

/**
  * #modalCardRegStep1
  */
#modalCardRegStep1 {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalCardRegStep1 .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalCardRegStep1 .DM-body {
	text-align: center;
	background-color: #272822;
	height: auto;
	padding: 4px;
}

#modalCardRegStep1 .DM-body .wrap-input {
	font-size: 15px;
	background-color: #fff;
	text-align: left;
}

#modalCardRegStep1 .DM-body .wrap-input .title {
	text-align: center;
	padding-top: 20px;
	font-size: 18px;
}

#modalCardRegStep1 .DM-body .wrap-input .comment {
	text-align: center;
	font-size: 13px;
	color: #888;
}

#modalCardRegStep1 .DM-body .wrap-input .subtitle {
	text-align: center;
	padding: 10px;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-row {
	padding-left: 48px;
	padding-top: 10px;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-row .inner-subtitle {
	padding-right: 15px;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-row.card-num {
	padding: 0px;
	text-align: center;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-row div {
	display: inline-block;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-row div.input input {
	text-align: center;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-row.card-num div.input input { width: 50px; }
#modalCardRegStep1 .DM-body .wrap-input .wrap-row.exp-num div.input input { width: 50px; }
#modalCardRegStep1 .DM-body .wrap-input .wrap-row.pin-num div.input input { width: 70px; }
#modalCardRegStep1 .DM-body .wrap-input .wrap-row.pwd-num div.input input { width: 30px; }

#modalCardRegStep1 .DM-body .wrap-input .wrap-row.exp-num .txt-month {
	padding-right: 10px;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-radio {
	text-align: center;
	padding: 20px;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-radio div {
	display: inline-block;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-radio div.radio-personal {
	padding-right: 10px;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-radio div.radio-personal,
#modalCardRegStep1 .DM-body .wrap-input .wrap-radio div.radio-incorporated {
	cursor: pointer;
}

#modalCardRegStep1 .DM-body .wrap-input .wrap-radio div.radio-personal.checked,
#modalCardRegStep1 .DM-body .wrap-input .wrap-radio div.radio-incorporated.checked {
	color: #272822;
}

#modalCardRegStep1 .DM-body .wrap-msg {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}

#modalCardRegStep1 .DM-body .wrap-term {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	background-color: #f2f2f2;
}

#modalCardRegStep1 .DM-body .wrap-term .btn-term {
	padding-bottom: 10px;
	cursor: pointer;
}

#modalCardRegStep1 .DM-body .wrap-term .txt-term {
	height: 150px;
	background-color: #ddd;
	padding: 5px 10px;
	font-size: 12px;
	text-align: left;
	overflow-y: auto;
	line-height: 180%;
}

#modalCardRegStep1 .DM-body .wrap-term .txt-term .row {
	padding-bottom: 10px;
}

#modalCardRegStep1 .DM-body .wrap-term .txt-term .row .title {
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
}

#modalCardRegStep1 .DM-body button.btn-next {
	width: 100%;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 0px;
	box-shadow: 0px 0px 0px;
	height: 40px;
	font-size: 16px;
}

#modalCardRegStep1 .DM-back {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

#modalCardRegStep1 .DM-close {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
}

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

	#modalCardRegStep1 .DM-body .wrap-input .wrap-row {
		padding-left: calc((100% - 290px) /2);
	}
}

 @media (max-width: 320px) { /* (mini-mobile) */
	#modalCardRegStep1 .DM-body .wrap-input .wrap-row.card-num div.input input { width: 40px; }
	#modalCardRegStep1 .DM-body .wrap-input .wrap-row.exp-num div.input input { width: 30px; }
	#modalCardRegStep1 .DM-body .wrap-input .wrap-row.pin-num div.input input { width: 50px; }
	#modalCardRegStep1 .DM-body .wrap-input .wrap-row.pwd-num div.input input { width: 30px; }

	#modalCardRegStep1 .DM-body .wrap-input .wrap-row {
		padding-left: 10px;
	}

	#modalCardRegStep1 .DM-body .wrap-input .wrap-row .inner-subtitle {
		padding-right: 5px;
	}
}

/**
  * #modalCardRegStep2
  */
#modalCardRegStep2 {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalCardRegStep2 .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalCardRegStep2 .DM-body {
	position: relative;
	text-align: center;
	background-color: #272822;
	height: auto;
	padding: 4px;
}

#modalCardRegStep2 .DM-back {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

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

/**
  * #modalCardRegStep3
  */
#modalCardRegStep3 {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalCardRegStep3 .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalCardRegStep3 .DM-body {
	text-align: center;
	background-color: #272822;
	height: auto;
	padding: 4px;
}

#modalCardRegStep3 .DM-body .wrap-input {
	font-size: 15px;
	background-color: #fff;
	text-align: left;
}

#modalCardRegStep3 .DM-body .wrap-input .block-nickname .title {
	text-align: center;
	padding-top: 20px;
	font-size: 18px;
}

#modalCardRegStep3 .DM-body .wrap-input .block-nickname ul.input {
	text-align: center;
	padding-top: 20px;
}

#modalCardRegStep3 .DM-body .wrap-input .block-nickname ul.input li {
	padding: 5px;
}

#modalCardRegStep3 .DM-body .wrap-input .block-card {
	background-color: #ddd;
	margin-top: 10px;
	padding: 20px;
}

#modalCardRegStep3 .DM-body .wrap-input .block-card .frame-card {
	background-color: #fff;
	text-align: center;
	padding-top: 20px;
}

#modalCardRegStep3 .DM-body .wrap-input .block-card .frame-card .magnetic-bar {
	background-color: #333;
	height: 30px;
}

#modalCardRegStep3 .DM-body .wrap-input .block-card .frame-card .img {
	padding-top: 40px;
	font-size: 40px;
	color: blue;
}

#modalCardRegStep3 .DM-body .wrap-input .block-card .frame-card .reg-num {
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#modalCardRegStep3 .DM-body .wrap-input .block-msg {
	text-align: center;
	padding: 20px;
	font-size: 13px;
}

#modalCardRegStep3 .DM-body button.btn-list,
#modalCardRegStep3 .DM-body button.btn-pay {
	width: 100%;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 0px;
	box-shadow: 0px 0px 0px;
	height: 40px;
	font-size: 16px;
}

#modalCardRegStep3 .DM-done {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

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

 @media (max-width: 320px) { /* (mini-mobile) */
	#modalCardRegStep3 .DM-body .wrap-input .block-nickname ul.input input {
		width: 100px;
	}
 }

/**
  * #modalPayApprovalStep1
  */
#modalPayApprovalStep1 {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalPayApprovalStep1 .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalPayApprovalStep1 .DM-body {
	text-align: center;
	background-color: #272822;
	height: auto;
	padding: 4px;
}

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

#modalPayApprovalStep1 .wrap-jeju-cash .jeju-cash {
	position: absolute;
	top: 5px;
	left: 10px;
	color: #00FFFF;
}

#modalPayApprovalStep1 .wrap-jeju-cash .jeju-cash span.point {
	padding-bottom: 2px;
	border-bottom: 1px #00FFFF solid;
	cursor: pointer;
}

#modalPayApprovalStep1 .wrap-jeju-cash .using-coupon {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 13px;
	color: #fff;
}

#modalPayApprovalStep1 .wrap-jeju-cash .using-coupon span {
	cursor: pointer;
}

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

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

#modalPayApprovalStep1 .DM-body .wrap-input {
	font-size: 13px;
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 0px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-price {
	background-color: #fff;
	padding: 20px 40px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-price .wrap-row div {
	display: inline-block;
	padding-top: 10px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-price .wrap-row div.key {
	width: 100px;
	font-size: 16px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-price .wrap-row div.value {
	width: 150px;
	font-size: 20px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-price .wrap-row div.value input {
	width: 60%;
	height: 26px;
	font-size: 20px;
	color: #EA3564;
	text-align: center;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-price .line {
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user {
	background-color: #ddd;
	color: #333;
	padding: 20px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .btn-chk-same {
	font-size: 15px;
	padding-bottom: 10px;
	cursor: pointer;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row div {
	display: inline-block;
	padding-top: 10px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row div.key {
	width: 20%;
	font-size: 13px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row div.value {
	width: 70%;
	font-size: 15px;
	text-align: left;
	padding-left: 20px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row div.value input {
	font-size: 15px;
	text-align: left;
	padding-left: 10px;
}

#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.name div.value input { width: 150px; }
#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.phone div.value input { width: 150px; }
#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.pin div.value input.pin1 { width: 70px; }
#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.pin div.value input.pin2 { width: 14px; }
#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.email div.value input { width: 220px; }

#modalPayApprovalStep1 .DM-body div.msg-guide {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}

#modalPayApprovalStep1 .DM-body div.msg-guide span {
	margin-left: 10px;
}

#modalPayApprovalStep1 .DM-body button.btn-next {
	width: 100%;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 0px;
	box-shadow: 0px 0px 0px;
	height: 40px;
	font-size: 16px;
	margin-bottom: 0px;
}

#modalPayApprovalStep1 .DM-back {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

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

	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row div.key {
		width: 20%;
	}

	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row div.value {
		width: 60%;
	}

	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.name div.value input { width: 120px; }
	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.phone div.value input { width: 120px; }
	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.pin div.value input.pin1 { width: 60px; }
	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.pin div.value input.pin2 { width: 14px; }
	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row.email div.value input { width: 150px; }
}

@media (max-width: 320px) { /* (mini-mobile) */
	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user {
		padding-left: 15px;
	}

	#modalPayApprovalStep1 .DM-body .wrap-input .block-info-user .wrap-row div.value {
		width: 70%;
	}
}

/**
  * #modalPayApprovalStep2
  */
#modalPayApprovalStep2 {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalPayApprovalStep2 .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #00FF00;
	font-size: 15px;
}

#modalPayApprovalStep2 .DM-body {
	text-align: center;
	background-color: #272822;
	height: auto;
	padding: 4px;
}

#modalPayApprovalStep2 .DM-body .wrap-input {
	font-size: 15px;
	background-color: #fff;
	text-align: left;
}


#modalPayApprovalStep2 .DM-back {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

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

/**
  * #modalPayApprovalStep3
  */
#modalPayApprovalStep3 {
	position: relative;
	width: 400px;
	max-width: 400px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.0);
}

#modalPayApprovalStep3 .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #fff;
	font-size: 15px;
}

#modalPayApprovalStep3 .DM-body {
	position: relative;
	text-align: center;
	background-color: #272822;
	height: auto;
	padding: 4px;
}

#modalPayApprovalStep3 .DM-body img {
	width: 100%;
}

#modalPayApprovalStep3 .DM-body .box-approval-request,
#modalPayApprovalStep3 .DM-body .box-approval-success,
#modalPayApprovalStep3 .DM-body .box-approval-failed {
	position: relative;
}

#modalPayApprovalStep3 .DM-body .proc-msg {
	position: absolute;
	top: 134px;
	font-size: 18px;
	width: 100px;
}

#modalPayApprovalStep3 .DM-body .proc-msg-request {
	top: 118px;
	left: 146px;
	left: calc(50% - 50px);
	color: #fff;
}

#modalPayApprovalStep3 .DM-body .proc-msg-success {
	left: 146px;
	left: calc(50% - 50px);
	color: #2EFF05;
}

#modalPayApprovalStep3 .DM-body .proc-msg-failed {
	left: 146px;
	left: calc(50% - 50px);
	color: #F9000C;
}

#modalPayApprovalStep3 .DM-body .wrap-msg {
	position: absolute;
	font-size: 15px;
	color: #00FFFF;
	top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	word-break: break-all;
}

#modalPayApprovalStep3 .DM-body button.btn-close {
	width: 100%;
	background-color: #f2f2f2 !important;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px;
	height: 50px;
	font-size: 18px;
	margin-top: -10px;
}

#modalPayApprovalStep3 .DM-body button.btn-done {
	width: 100%;
	background-color: #f2f2f2 !important;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px;
	height: 50px;
	font-size: 18px;
	margin-top: -10px;
}

#modalPayApprovalStep3 .DM-done {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

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

	#modalPayApprovalStep3 .DM-body .proc-msg-request {
		top: calc(50% - 32px);
	}

	#modalPayApprovalStep3 .DM-body .proc-msg-success {
		top: calc(50% - 20px);
	}

	#modalPayApprovalStep3 .DM-body .proc-msg-failed {
		top: calc(50% - 20px);
	}
}