@charset "utf-8";

/* global */
html.min-sticky body.payment {padding-bottom:81px;}
body { background-color: #fbfbfb; }

.payment-bottom-submit {
	position:fixed !important; bottom:0;left:0; padding: 0 15px 15px; z-index: 9999; width: 100%;
	-ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.payment-bottom-submit .payment-ok-btn {
	background: rgba(40,36,91,0.97); width: 100%; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-ms-box-shadow: 0 4px 6px rgb(0,0,0,0.2); -moz-box-shadow: 0 4px 6px rgb(0,0,0,0.2); -webkit-box-shadow: 0 4px 6px rgb(0,0,0,0.2); box-shadow: 0 4px 6px rgb(0,0,0,0.2);
}
.payment-bottom-submit .payment-ok-btn .ok-module { width:100%;padding:0;height:50px;z-index:5000;}
.payment-bottom-submit .payment-ok-btn .ok-module a { background: transparent;border: none;width:100%;height:50px;line-height:50px; position: relative;}
.payment-bottom-submit .payment-ok-btn .ok-module .agree-no-btn a {color:#ffffff;border:none;}
.payment-bottom-submit .payment-ok-btn .ok-module .agree-no-btn a:after {
	content: "";display: inline-block;position: absolute;top: 19px;right: -2px;width: 1px;height: 13px;background-color: rgba(255,255,255,0.2);
}
.payment-bottom-submit .payment-ok-btn .ok-module > div {width:47%;margin:0;}
.payment #container .style01[type="checkbox"] + label:before {width:20px;height:20px;background-position:-143px -28px;margin-left:5px;}
.payment #container .style01[type="checkbox"]:checked + label:before { background-position:-168px -28px;}

/* 결제수단 - 휴대폰결제 Start */
html.min-sticky body.payment.cellular { background-color: #ffffff; }
html.min-sticky body.payment.cellular .payment-bottom-submit {
	padding:15px; background: url(../common/images/common/bg_floating_btn.png) 0 0 no-repeat;
}
body.payment.cellular .btngroup {
	-ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: rgba(40,36,91,0.97);
	-ms-box-shadow: 0 4px 6px rgb(0,0,0,0.2); -moz-box-shadow: 0 4px 6px rgb(0,0,0,0.2);
	-webkit-box-shadow: 0 4px 6px rgb(0,0,0,0.2); box-shadow: 0 4px 6px rgb(0,0,0,0.2);
}
body.payment.cellular .btngroup ul { display: table; table-layout: fixed; width: 100%; }
body.payment.cellular .btngroup ul li { position: relative; display: table-cell; margin:0; width: 50%; }
body.payment.cellular .btngroup ul li:first-of-type:after {
	content: ""; position: absolute; top: 19px; right: 0; width: 1px; height: 13px; background-color: rgba(255,255,255,0.2);
}
body.payment.cellular .btn { border:0; background-color: transparent; min-width: unset; width: 100%; padding: 15px 0;}
body.payment.cellular .btn-light { color:#ffffff !important; }
/* 결제수단 - 휴대폰결제 End */

/* pay_finish Start */
.payment-state-header-wrap { height: 50px; }
.payment-state-header-wrap:before {
	content: ""; position: absolute; top:18px; left:15px; width: 100px; height: 19px; background-position: -290px -199px;
}
.payment-state-img-wrap { min-height:81px; }
.payment-state-img-wrap .payment-state-img-inner {margin:10px 0 0;} 
.payment-state-header-wrap .payment-state-inner h1  { display: none; }
.payment-info-wrap .payment-info-inner > div {
	background-color: #ffffff; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-ms-box-shadow: 0px 4px 8px rgba(52, 48, 88, 0.08); -moz-box-shadow: 0px 4px 8px rgba(52, 48, 88, 0.08);
	-webkit-box-shadow: 0px 4px 8px rgba(52, 48, 88, 0.08); box-shadow: 0px 4px 8px rgba(52, 48, 88, 0.08);
}
#container.pay-failed-ty1 .payment-state-img-wrap .payment-state-img-inner
, #container.pay-failed-ty2 .payment-state-img-wrap .payment-state-img-inner
, .payment-state-img-wrap .payment-state-img-inner {
	padding:10px 20px 2px;
}
.payment-state-img-wrap .payment-state-img-inner .payment-state-txt { font-size:17px; line-height:23px; padding:0 135px 0 0; }
.payment-info-wrap .payment-info-inner, .payment-error-info .payment-info-inner {padding:20px 20px 15px;}
.payment-state-img-wrap + .payment-info-wrap .payment-info-inner { padding-top:30px }

.payment-info-wrap .payment-info-inner h3, .payment-error-info .payment-info-inner h3 { font-size:15px; line-height:21px; }

.payment-info-wrap.payment-benefit-info .payment-info-inner .payment-benefit-title .benefit-payment-name { font-size:13px; line-height:19px; }

.payment-notice-wrap .payment-notice-inner{padding:0 20px 15px;}
.payment-case-wrap .payment-case-inner {padding:20px 20px 25px;}

#container.pay-failed-ty2 .payment-state-img-wrap .payment-state-img-inner .payment-state-btn {display:none;}
#container.pay-failed-ty2 .payment-state-img-wrap .payment-state-img-inner.payment-inner-type2 .payment-state-tit{display:block;}
.payment-state-img-wrap.window-center-align { /* margin-top:-25px; */}

.payment-case-wrap .payment-case-inner .form-default-group {
	background-color: #ffffff;
	-ms-box-shadow: 0 4px 12px rgb(52,48,88,0.09); -moz-box-shadow: 0 4px 12px rgb(52,48,88,0.09);
	-webkit-box-shadow: 0 4px 12px rgb(52,48,88,0.09); box-shadow: 0 4px 12px rgb(52,48,88,0.09);
}
.payment-state-img-wrap .payment-state-img-inner em { width:135px; }
/* pay_finish End */

/* pay_failed Start */
.payment-state-img-wrap .payment-state-img-inner.payment-inner-type2 .payment-state-txt{font-size:12px !important;color:#908ea2;line-height:16px;padding:0 0 18px;}
.payment-state-img-wrap .payment-state-img-inner .payment-state-txt .pay-phone-failed {font-size:12px;}

.payment-bottom-submit.pay-failed{display:block;}
.payment-ok-btn .ok-module {}
.payment-ok-btn .ok-module .two-btn{width:50%; float:left;}
.payment-ok-btn .ok-module .two-btn:first-child:before {
	position: absolute; content: ''; right: 0; top: 18px;width: 1px; height: 15px; background: #ffffff; opacity: 0.3;display: block;
}
/* pay_failed End */

/* 샌드박스 sandbox Start */
html.min-sticky body.payment.sandbox { padding-bottom:66px; }
.sandbox .payment-info-wrap .payment-info-inner { padding: 15px 20px 15px; }
.sandbox #container .payment-state-img-wrap .payment-state-img-inner { padding: 10px 20px 15px; }
.sandbox .payment-info-wrap .payment-info-inner h3 { padding: 0 0 12px 0; }
.sandbox .payment-info-wrap .payment-info-inner ul { padding: 15px 20px; }
.sandbox .payment-info-wrap .payment-info-inner ul > li.text-high-height .product-info-name { font-size:12px; line-height:16px; }
.sandbox .payment-info-wrap .payment-info-inner li.text-high-height.product-name-inner .product-info-content { font-size:12px; line-height:16px; }
.sandbox .payment-info-wrap .payment-info-inner li.product-content-wrap.product-name-inner { min-height: 16px; }
/* 샌드박스 sandbox End */

/* PC hover 규칙 Start */
.payment-state-img-wrap .payment-state-img-inner.payment-inner-type3 .payment-state-btn a:active
, .payment-state-img-wrap .payment-state-img-inner.payment-inner-type3 .payment-state-btn a:hover {
	background-color:#f1f1f1;
}
.payment-bottom-submit .payment-ok-btn .ok-module a:active
, .payment-bottom-submit .payment-ok-btn .ok-module a:hover {
	color:#d5d7ff;
}
.payment-ok-btn .ok-module div.dimmed a:active
, .payment-ok-btn .ok-module div.dimmed a:hover {
	color:#ffffff;
}
/* PC hover 규칙 End */

.payment .btngroup ul li { padding:0; }

/* 페이팔 Start */
html.min-sticky body.paypal { background-color:#ffffff !important; }
html.min-sticky body.paypal #wrap.webview { padding:60px 0 0; }
html.min-sticky body.paypal .webviewheader { height:60px; }
html.min-sticky body.paypal .webviewheader .header-co { padding: 15px 20px 15px 20px; }
html.min-sticky body.paypal .webviewheader .header-co .header-link span { font-size:16px; }
html.min-sticky body.paypal #container { padding:10px 20px 20px;}
/* 페이팔 End */

@media (max-width: 340px) {
	.payment-ok-btn .ok-module > div {
	    display: inline-block !important;
	}
}