.dimmed_checkout {position:fixed;top:0;left:0;width:100%;height:auto;min-height:100%;background:#000;z-index:1000000;opacity:0.7;*zoom:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
/*.dimmed2{position:fixed;top:0;left:0;width:100%;height:auto;min-height:100%;background:#000;z-index:100000;opacity:0.7;*zoom:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}*/

.layer-popup.w100{text-align:center; z-index:1000001}
.layer-popup.w100 .wrap{width:400px;}
.layer-popup.w100 img{ width:50px; }
.layer-popup.w100 #load_img_msg{margin-top:20px; color:#fff; font-size:16px; font-weight:bold;}


.layer-popup-checkout{position:absolute;z-index:1000001;margin:0 auto;left:50%;top:50%;transform:translate(-50%,-50%);max-height:96%}

.layer-popup-checkout .bg_gray_guide{ padding:20px; background:#eee; }
.layer-popup-checkout .bg_gray_guide .sub_tit{ font-weight:700; line-height:30px;}

.layer-popup-checkout label{font-weight:700;}
.layer-popup-checkout .btn-close{ cursor:pointer; }

.layer-popup-checkout:before,.layer-popup-checkout:after{display:table;content:" "}
.layer-popup-checkout:after{clear:both}
.layer-popup-checkout .content{height:100%}
.layer-popup-checkout .wrap > h2{width:100%;background:#b72efe;border-top-left-radius:2px;border-top-right-radius:2px;color:#fff;margin:0;padding:14px 24px; font-weight:700;}
.layer-popup-checkout .wrap > a.btn-close{position:absolute;top:12px;right:24px;width:16px}
.layer-popup-checkout .wrap > a.btn-close img{width:100%}
.layer-popup-checkout .wrap > a.btn-close2{position:absolute;top:12px;right:24px;width:16px}
.layer-popup-checkout .wrap > a.btn-close2 img{width:100%}
.layer-popup-checkout .wrap .list-wrap{width:90%;border-top:1px solid #ddd;overflow:auto;padding:0;margin:0 auto;background:#fafafa}

.layer-popup-checkout .wrap .list-wrap table{width:100%;font-size: 13px;text-align: center;}
.layer-popup-checkout .wrap .list-wrap table tr th{border-bottom:1px solid #eee;background:#eee;text-align:center;padding:5px 0}
.layer-popup-checkout .wrap .list-wrap table tr th .label{color:#707070;font-size:13px;font-weight:500; }
.layer-popup-checkout .wrap .list-wrap table tr th {color:#707070;font-size:13px;font-weight:500; }
.layer-popup-checkout .wrap .list-wrap table tr.hover{cursor:pointer}
.layer-popup-checkout .wrap .list-wrap table tr td{background:#fff}
.layer-popup-checkout .wrap .list-wrap table tbody tr td {padding:4px 8px;border-bottom:1px solid #eaebeb}
.layer-popup-checkout .wrap .list-wrap table tbody tr td.text-price{text-align:right;}
.layer-popup-checkout .wrap .list-wrap table tbody tr:hover td{background:#f1f1f1}
.layer-popup-checkout .wrap .list-wrap table tbody tr:hover td a.btn.text-black{color:#5CB85C !important}
.layer-popup-checkout .wrap .list-wrap table tbody tr td.text-center{text-align:center}
.layer-popup-checkout .wrap .list-wrap table tbody tr td.text-left{text-align:left}
.layer-popup-checkout .wrap .list-wrap table tbody tr td.text-right{text-align:right !important;}
.layer-popup-checkout .wrap .list-wrap table.center-table tbody tr td{text-align:center}
.layer-popup-checkout .wrap .list-wrap table.center-table thead th{ font-weight:700; }

.layer-popup-checkout .wrap .btn-rows{padding:8px 16px}


/*w600은 플러스 버전 결제 팝업에 사용됨*/

.layer-popup-checkout.w600{width:600px}
.layer-popup-checkout.w600 .wrap > h2{font-size:18px}
.layer-popup-checkout.w600 .wrap .content_table{margin:0;padding:0;width:100%;background:#fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.layer-popup-checkout.w600 .wrap .content_table .section-header .fieldset legend{padding:8px 12px;margin-bottom:10px;color:#b72efe;border-bottom:0}
.layer-popup-checkout.w600 .wrap .content_table .section-header .fieldset .field{width:100%}
.layer-popup-checkout.w600 .wrap .content_table .section-header .fieldset .field .insert{padding: 18px 22px 0;}

.layer-popup-checkout.w600 .wrap .content_table.default-datas{padding:30px 15px}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .title{padding-top:4px;font-weight:600}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .title span{font-weight:300}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .desc-text{padding-top:5px}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .desc-text .small{font-size: 12px;color:#000;}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .pop-sub-title{color:#171717;padding:20px 14px 4px;font-size:14px;}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .pop-sub-title .small{font-size:12px;position: relative;top: 3px;}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .list-wrap{max-height:210px;border-bottom:2px solid #eee}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .list-wrap th{padding:10px 4px}
.layer-popup-checkout.w600 .wrap .content_table.default-datas .list-wrap td{font-size: 13px;}

.layer-popup-checkout.w600 .wrap .content{ padding:20px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;background:#fff;}
.layer-popup-checkout.w600 .wrap .content .pop-content{margin-bottom:20px}
.layer-popup-checkout.w600 .wrap .content .pop-content h3{color:#fe6b38;font-size:23px;padding:0 0 20px}
.layer-popup-checkout.w600 .wrap .content .pop-content p{font-weight:600}
.layer-popup-checkout.w600 .wrap .content .pop-content p.texts{}
.layer-popup-checkout.w600 .wrap .content .pop-textarea{margin:20px 0}
.layer-popup-checkout.w600 .wrap .content .pop-textarea>div{padding:0}
.layer-popup-checkout.w600 .wrap .content .btn-area .btn{margin-right:10px;padding:6px 24px}

.layer-popup-checkout.w600 .wrap .content_table.default-datas .list-wrap.choose-list{background:#eee;max-height:130px}
.layer-popup-checkout.w600 .wrap .list-wrap.choose-list ul{list-style:none;padding:0}
.layer-popup-checkout.w600 .wrap .list-wrap.choose-list ul li{position:relative;float:left;width:50%;padding:12px 14px;font-size: 13px;border-bottom:1px solid #ddd;}
.layer-popup-checkout.w600 .wrap .list-wrap.choose-list ul li span.num{width:13%}
.layer-popup-checkout.w600 .wrap .list-wrap.choose-list ul li span.name{white-space:nowrap;overflow:hidden;max-width:65%;}

.sb { border: 1px solid #f00; }
.text-center{text-align:center !important}
.orange { color: #b72efe; } 
.title_msg {
	font-size: 18px;
	font-weight: 700;
}
.bold { font-weight: 700; }

#header .title {
	font-size: 18px;
	font-weight: 700;
}

.wrapper { 
	padding: 0px;
	margin: 0 10px;
}

.checkout_header {
	padding: 10px 0px;
}
 

#checkoutLayer .wrapper .page-title {
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 10px;

} 
.text_checkout_table { 
	background-image: url(/assets/vendor_pc/img/unselected_bg.png); 
	background-repeat: no-repeat; 
	margin-bottom: 10px;
}  

.text_checkout_table_info {
	border:1px solid #ddd;	
	width: 94%;
	margin:0 17px auto;

}
.text_checkout_table_info td{
	background: #fafafa;
	padding: 5px 15px 5px 15px;	
	border-color: #ddd;
}


.underscore {
	padding-bottom: 3px;
	border-bottom: 1px solid #a2a2a2;
	color: #a2a2a2;
	font-size: 12px;
}

.underscore_black {
	padding-bottom: 3px;
	border-bottom: 1px solid #333333;
	color: #333333;
	font-size: 14px;
}

.font-a2-12 { color: #a2a2a2; font-size: 12px;}

.font-70-12 { color: #707070; font-size: 12px;}

.font-70-13 { color: #707070; font-size: 13px;}

.font-33-13 { color: #333; font-size: 13px;}

.font-51-12 { color: #515252; font-size: 12px;}

.font-51-13 { color: #515252; font-size: 13px;}


.img_text_box {line-height: 20px; margin-top: 3px;}
.img_text_box img {float: left; margin-right: 0px; margin-top: 0px; margin-left: 36px; clear: both;}


#checkoutFeeLayer .wrapper .page-title {
	font-size: 14px;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
} 
#checkoutFeeLayer .checkoutType {margin-bottom: 5px; line-height: 1.8em; cursor: pointer;}
#checkoutFeeLayer .checkoutValue { padding-left: 5px; color: #b72efe;}
 
#checkoutFeeLayer #item_desc .desc_title { float: left; height:60px; font-size: 16px; font-weight: 700;}
#checkoutFeeLayer #item_desc .desc_value { float: right; height:60px; text-align: right; font-size: 22px; color: #b72efe; font-weight: 700;}

#checkoutFeeLayer .agreebox {
	margin-top: 10px;
    font-size: 12px;
	height: 30px;
}

#checkoutFeeLayer input[id="agree_chk"] {border: 1px solid #ddd !important;}
#checkoutFeeLayer .title .radio label { font-weight: 700; }


#checkoutLayer .checkoutType {margin-bottom: 5px; line-height: 1.8em;  cursor: pointer;}
#checkoutLayer .checkoutValue { padding-left: 5px; color: #b72efe;}
 
#checkoutLayer #item_desc .desc_title { float: left; height:40px; font-size: 16px; font-weight: 700;  vertical-align: text-bottom; padding-top: 10px;}
#checkoutLayer #item_desc .desc_value { float: right; height:40px; text-align: right;  font-size: 22px; color: #b72efe; font-weight: 700;  vertical-align: text-bottom;}

#checkoutLayer .agreebox {
	margin-top: 20px;
	font-size: 12px;
	height: 30px;
}

#checkoutLayer input[id="agree_chk"] {border: 1px solid #ddd !important;}

/*.text_guide_table{ height: 320px;}*/

#CardList .text_guide_table .pay_desc { padding:20px 0; min-height: 90px; vertical-align: top;}
#CardList .text_guide_table .title { font-weight: 700; }

#CardList .text_guide_table table { border:0px solid #eee;}
#CardList .text_guide_table tbody td { border:0px solid  #eee;}

#CardList, #BankList { margin:0 20px auto; padding-top: 10px; padding-left: 10px;}

#CardList .row_head .text { padding-left: 5px; }
#CardList .row_desc {padding: 10px 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
#CardList .cardlist-info { font-size: 13px; border: 0px dotted #ccc; padding: 10px;}
#CardList .cardlist-info span.title {font-weight: 700;} 
#CardList .cardlist-info img {margin-right: 10px;}
#CardList .cardlist-action { margin-top:20px; background: #fff;}
#CardList .cardlist-action .btn { font-size:12px;}
 


/*#BankList { margin:0 20px auto;}*/
#BankList .row_head .text { padding-left: 5px; }
#BankList .row_desc {padding: 10px 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
#BankList .cardlist-info { float: left; margin-top:10px;}
#BankList .cardlist-info span.title {font-weight: 700;} 
#BankList .cardlist-info img {margin-right: 20px;}
#BankList .cardlist-action { float: right; margin-top: 5px; margin-left: 50px; background: #fff;} 

#layerLoading {
	display: block;
	position: fixed;
    width: 60%;
    height: 37%;
    opacity: 0.6;
    background: #000;    
    border: 1px solid #ddd;
    text-align: center;
}
#layerLoading img { margin: 120px 0 0 0; width: 50px; height: 50px;}
#layerLoading span { color: #fff;}

.text_guide_table .pay_pin_box {
	margin: 0 5px auto;
	margin-top: 0px; 
	padding-left: 10px;
}

.text_guide_table .pay_pin_6digit { 
	padding: 0px 0 10px 0;
	width: 50%;
}

#cardRegLayer .wrapper { 
	padding: 0px;
}
#cardRegLayer .wrapper .page-title {
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 10px;
} 
#cardRegLayer #cardreg_info {
	border: 1px solid #ddd;
	padding: 12px;
	text-align: center;
	margin-bottom: 20px;
}

#cardRegLayer #cardreg_info .process_on {
	font-weight: 700;	
}

#cardRegLayer #cardreg_info .dashed_arrow {
	margin:0 25px;
}

#cardRegLayer .wrapper .right-description {
	color: #707070;
	font-size: 12px;
	text-align: right;
}

#cardRegLayer .wrapper #cardinfo_input {
	margin-top: 10px;
	border-top: 2px solid #ddd;
	background: #fafafa;
	padding: 0px 20px 20px 20px;
/*	min-height: 300px;*/
}
#cardRegLayer #cardinfo_input #expire_month , #cardRegLayer #cardinfo_input #expire_year{
	margin-right: 10px;
	color: #a2a2a2;
	border-color: #a2a2a2;
}

#cardRegLayer #cardinfo_input .exp_text {
	margin-top: 6px;
	margin-right: 20px;
	font-weight: 700;
}

#cardRegLayer #cardinfo_input .info-text {
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;/*
	display:block;
	clear: both;
	float: left;*/
}

#cardRegLayer #cardinfo_input .div_password {
	margin-left: 20px;
}
#cardRegLayer #cardinfo_input .div_password img {
	margin: 8px 10px 0px 0px;
}


#CheckoutFrm .radio label{
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding-left: 5px;
	margin-right: 20px;
	border: 0px solid;
	font-weight: 400;
	color: #515252;
	letter-spacing: 0.1em;
	clear: none;
}

#CheckoutFrm .radio label::before{
	content:"";
	display:inline-block;position:absolute;
	width: 15px;
    height: 15px;
    top: 4px;
    left: 1px;
	margin-left:-20px;
	border: 0px solid;
	border-radius:50%;
	background-color: #dbdbdb;
	-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out;
}

#CheckoutFrm .radio label::after{
	display:inline-block;
	position:absolute;
	content:" ";
	width:11px;height:11px;top:6px;left:3px;
	margin-left:-20px;
	border-radius:50%;
	background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)}

#CheckoutFrm input[type='radio']:checked:before {
  border: none;
}

#CheckoutFrm .radio input[type="radio"]:checked + label::before{
	background-color: #b72efe;
	/*-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);*/
}
#CheckoutFrm .radio input[type="radio"]:checked + label::after{
	background-color: #ffffff;
	transform:scale(0.6,0.6);
}
#CheckoutFrm .radio input[type="radio"]:disabled + label{opacity:.65}
#CheckoutFrm .radio input[type="radio"]:disabled + label::before{cursor:not-allowed}

.msg {
	padding-top: 5px;
	font-size: 12px;
}

/*문자 충전 팝업 */
#CheckoutFrm .box_info_text { font-size: 13px; color: #707070; font-weight: 700;}
#CheckoutFrm .box_info_point { font-size: 20px; color: #333333; }
#CheckoutFrm .box_info_point2 { font-size: 20px; color: #b72efe; }

#checkoutLayer .checkout_msg {
	padding: 30px; 
	margin: 20px 20px 40px 20px;
	border-top: 2px solid #ddd; 
	background: #fafafa;
}

#checkoutLayer .checkout_msg table {
	width: 100%;
	/*border-top: 2px solid #ddd;*/
	margin-top: 20px;
}
#checkoutLayer .checkout_msg table th {
	width: 35%;
	font-weight: 700;
	background: #fafafa;
	padding: 10px 80px 10px 40px;
} 
#checkoutLayer .checkout_msg table tr.first , .checkout_msg table tr.last {
	height: 20px;
}
#checkoutLayer .checkout_msg table td {
	padding: 10px 0px 10px 30px;
}




#CheckOutRst .checkout_msg { 
	margin: 20px 0px 20px 0px; 
}
#CheckOutRst .checkout_msg table {
	width: 100%;
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
}
#CheckOutRst .checkout_msg table th {
	width: 35%;
	font-weight: 700;
	background: #fafafa;
	padding: 10px 40px 10px 40px;
} 
#CheckOutRst .checkout_msg table tr.first , .checkout_msg table tr.last {
	height: 20px;
}
#CheckOutRst .checkout_msg table td {
	padding: 10px 0px 10px 30px;
}




#checkoutLayer #VBankHolded .checkout_msg { 
	background: #fff; padding: 0px;
}
#checkoutLayer #VBankHolded .checkout_msg table {
	width: 100%;
	/*border-top: 2px solid #ddd;*/
	border-bottom: 1px solid #ddd;
	margin-top: 0px;
}
#checkoutLayer #VBankHolded .checkout_msg table th {
	width: 35%;
	font-weight: 700;
	background: #fafafa;
	padding: 10px 40px 10px 40px;
} 
#checkoutLayer #VBankHolded .checkout_msg table tr.first , .checkout_msg table tr.last {
	height: 20px;
}
#checkoutLayer #VBankHolded .checkout_msg table td {
	padding: 10px 0px 10px 30px;
}


/* 문자메시지 충전창 - 가상계좌 결제 대기*/
#checkoutFeeLayer #VBankHolded .title_msg { padding-bottom: 20px;}
#checkoutFeeLayer #VBankHolded .checkout_msg { 
	background: #fff; padding: 0px;
}
#checkoutFeeLayer #VBankHolded .checkout_msg table {
	width: 100%;
	/*border-top: 2px solid #ddd;*/
	border-bottom: 1px solid #ddd;
	margin-top: 0px;
}
#checkoutFeeLayer #VBankHolded .checkout_msg table th {
	width: 35%;
	font-weight: 700;
	background: #fafafa;
	padding: 10px 40px 10px 40px;
} 
#checkoutFeeLayer #VBankHolded .checkout_msg table tr.first , .checkout_msg table tr.last {
	height: 20px;
}
#checkoutFeeLayer #VBankHolded .checkout_msg table td {
	padding: 10px 0px 10px 30px;
}



/*결제 내역 */
#CheckOutPayList .checkout_msg {
	margin: 20px 0px 20px 0px; 
}

#CheckOutPayList .checkout_msg table {
	width: 100%;
	margin-top: 15px;
}
#CheckOutPayList .checkout_msg table th {
	color: #707070;
	font-weight: 700;
	background: #fafafa;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
} 
#CheckOutPayList .checkout_msg table tr.first , .checkout_msg table tr.last {
	height: 20px;
}
#CheckOutPayList .checkout_msg table td {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	color: #000;
}

#CheckOutPayList .top-info-box {
    padding: 20px 0;
    margin: 20px 0 0 0;
    border: 1px solid #ddd;
    background: #fafafa;
}

#CheckOutPayList .top-info-box .second-line {
	font-size: 12px;
	margin-top: 10px;
}

#CheckOutPayList .top-info-box .btn {
	font-size: 12px;
	margin-top: 10px;
}

 
/*결제 취소 */
#checkoutPlusAutoCancelReq .checkout_msg {
	margin: 20px 0px 20px 0px; 
}
#checkoutPlusAutoCancelReq .top-info-box {
    padding: 20px 0;
    margin: 20px 0 0 0;
    border: 1px solid #ddd;
    background: #fafafa;
}

#checkoutPlusAutoCancelReq .top-info-box .second-line {
	font-size: 12px;
	margin-top: 10px;
}

#checkoutPlusAutoCancelReq .top-info-box .btn {
	font-size: 12px;
	margin-top: 10px;
}



#checkoutPlusAutoCancelReq .pay_pin_box {
	margin: 0 65px auto;
	margin-top: 20px;
	padding-top: 20px; 
	padding-bottom: 40px;
}

#checkoutPlusAutoCancelReq .pay_pin_6digit {
	margin: 10px 80px 10px 80px;
	padding: 10px;
}
 
 


#cms_inner {
	font-size: 12px;
}

.inner_box {
	margin-top: 10px;
	padding:10px 0px 10px 10px;
	font-size:12px;
	border: 1px dotted #ccc;
}
 	
/*
.inner_box .row .page_title{
	padding-top: 10px !important;
	height: 36px;
}*/
  

#CheckOutPayList div.checkout_msg{position: relative; padding-top:30px; width:100%;overflow: hidden;}
#CheckOutPayList div.checkout_msg > div {max-height: 300px; overflow: auto;}
#CheckOutPayList table.scrolltbody {width:  100%; }
#CheckOutPayList table.scrolltbody thead tr{position: absolute;top: 0;display: block;background-color: #DEDEDE;width: 100%; height: 30px;}
#CheckOutPayList table.scrolltbody thead th{width: 100px}
#CheckOutPayList table.scrolltbody thead th.no {width: 50px}
#CheckOutPayList table.scrolltbody tbody {display: block;max-height: 300px;}
#CheckOutPayList table.scrolltbody tbody tr{height: auto;}
#CheckOutPayList table.scrolltbody tbody td{width: 100px;text-align: center;font-size: 12px;}
#CheckOutPayList table.scrolltbody tbody td.no {width: 50px; }