/* BASIC css start */
.mainTitle h2{font-size:30px;font-weight:500;margin: 55px 0 20px;}


#cartWrap .wish-opt { color: #FFA500; }
#cartWrap .tit-cart { margin-top: 30px; }
/* 회원 등급 표시 */
#cartWrap .mem-lvl { zoom: 1; overflow: hidden; margin-top: 45px; }
/* 배송 메세지 */
#cartWrap .delivery { margin-top: 20px; text-align: center; }
/* 주문 컨트롤 버튼 */
#cartWrap .btn-order-ctrl { margin-top: 50px; text-align:center; }
#cartWrap .btn-order-ctrl a {  width:245px;line-height:50px; text-align:center; padding:0; font-size:15px; }

#cartWrap .cart-ft2 { margin-top: 20px; text-align: center; }
#nhn_btn { margin-top:20px; }
#payco_order_btn { display: inline; }

.cart_notice { float:left; width:600px; margin-top:40px;  line-height:24px; font-size:12px; }
.cart_notice span { color:#242424; font-weight:600;  }
.cart_notice .btn { color:#242424; font-weight:600; } 
.cart_notice .btn:hover { text-decoration:underline;  } 

.basket_sub_btn { width:100%; border-top:1px solid #ddd; }
.basket_sub_btn span { float:right; padding-top:5px; font-size:14px;  }

.d-block a {display:block; margin-bottom:5px; width:80px; font-size:12px;  }
.MS_group_msg font { color:#333; }

.empty { display:block; margin:50px auto; font-size:15px; }

.cart-free-wrap { clear:both;  text-align:center; margin-bottom: 10px;  display:block; position:relative; margin-top:90px; background:#f5f5f5;padding:0 50px 50px 50px; }
.cart-free-wrap .btn-list-open { border-radius:35px; font-size:16px;  background:#333; color:#fff; padding:20px 0;   margin-top:20px;  width:300px;  }
.cart-free-wrap .btn-more { width:300px; font-size:15px; padding:0; font-weight:500; line-height:48px; } 
.cart-free-wrap .cart-free-msg { display:block; position:relative; padding:40px 0; text-align:center; font-size:18px; color:#000;font-weight:500;line-height:28px; }
.cart-free-wrap .prdarea ul.prdList li.item{margin:0 0 60px 0;}

/* 진열방식 */
.prdarea { margin: 0 auto; display: block; background:#fff; padding:50px 30px;height:1130px;overflow:auto;}
.prdarea {height:auto}
.prdarea img { vertical-align: middle; display: inline-block; }
.prdarea ul.prdList { display: table; margin: 0; font-size: 0; line-height: 0; z-index: 0; width: 100%;padding-bottom:0;border-bottom:none;}
.prdarea ul.prdList li.item { display: inline-block; padding-bottom:0; vertical-align: top; *display: inline;margin-bottom:60px;
*zoom: 1;
*float: left;
}
.prdarea ul.prdList li.item .box { margin: 0 auto; font-size: 12px; line-height: 18px; text-align: left; }
.prdarea ul.prdList li.item div.box img { vertical-align: middle; display: inline-block; }
.prdarea ul.prdList li.item div.box .thumb { display: block; margin: 0 auto; position: relative; }
.prdarea ul.prdList li.item .prd_spec { width: 100%; text-align: left; font-weight: 500; font-size: 12.5px;font-weight:600; }
.prdarea ul.prdList li.item .prd_spec p { padding: 0; font-size:16px;color:#000; }
.prdarea ul.prdList li.item div.box .name { max-height:36px;overflow:hidden;text-align: left;color:#000;font-size:15px;font-weight:400; }
.prdarea ul.prdList li.item div.box .name a { color: #555555; font: 13.7px "Noto Sans KR"; font-weight: 500; }


.prdarea ul.prdList li.item div.box .price { margin-top: 5px; margin-bottom: 16px; }

.prdarea div.on { border: none; }
.prdarea ul.prdList { position: relative; font-size: 0; }
.prdarea ul.prdList li { font-size: 0; }
.prdarea ul.prdList li.item { position:relative; width: 25%; height:480px; }

.prdarea ul.prdList li.item .box { width: 240px; background: #FFF; }
.prdarea ul.prdList li.item .prdimg { display: block; width: 100%; position: relative; }
.prdarea ul.prdList li.item .prdimg img { display: block; width: 100%; }
.prdarea ul.prdList li.item .prdimg .prd_desc { width: 100%; font-size: 13px; font-weight: 500; padding: 15px 0; display: block; text-align: center; position: absolute; bottom: 0px; left: 1px; background-color: rgba(44,44,44,0.85); color: #fff; font-weight: 500; }
.prdarea ul.prdList li.item .thumb { max-width: 100%; }

.prdarea ul.prdList li.item .prdBtn a{position:absolute;bottom:0;left:17.5px;width:240px;margin:0;padding:0;background:#eee;border:none;border-radius:5px;line-height:50px;text-align:center;color:#000;font-size:15px;}
.prdarea ul.prdList li.item .prdBtn a:active{top:auto;}

/*2020.06.22 수정*/
.table-cart thead th{line-height:58px;font-size:15px;font-weight:500;padding:0;border-top:2px solid #000;border-bottom:1px solid #ddd;}
.table-cart tbody td{border-bottom:1px solid #ddd;}
.table-cart tbody td div.main{padding-left:20px;}
.table-cart tbody td div.main .buttonPro,
.table-cart tbody td div.numChange .buttonPro{margin:0;padding:0 10px;line-height:28px;background:#eee;color:#000;border:none;border-radius:0px;}
.table-cart .opt-spin{padding-bottom:10px;}
.table-cart .opt-spin .btn{position:relative;width:35px;height:35px;border:1px solid #ddd;line-height:33px;font-size:20px;text-align:center;}
.table-cart .opt-spin .btn.min span{width:9px;height:1px;position:absolute;top:16px;left:12px;background:#000;}
.table-cart .opt-spin .btn.plus span.plus_1{width:9px;height:1px;position:absolute;top:16px;left:12px;background:#000;}
.table-cart .opt-spin .btn.plus span.plus_2{width:1px;height:9px;position:absolute;top:12px;left:16px;background:#000;}
.table-cart .opt-spin .txt-spin{width:45px;height:35px;border:1px solid #ddd;font-size:15px;color:#000;border-left:0;border-right:0;}
.table-cart tbody td div.btnWrap .buttonPro{width:80px;line-height:26px;border:1px solid #ddd;color:#000;padding:0;margin:0 0 10px 0;border-radius:0px;font-weight:400;}

.table-cart tfoot td{padding-top:20px;}
.table-cart tfoot td .buttonPro{margin:0;padding:0;background:#eee;border:none;width:126px;line-height:50px;color:#000;text-align:center;font-size:15px;}
.table-cart tfoot td .basketSubText{font-size:15px;font-weight:400;line-height:50px;}

.checkBoxWrap{top:-18px;}
.fontSize20{font-size:20px;}


.tbl-pay { border-bottom: 1px solid #000; }
.tbl-pay th, 
.tbl-pay td { padding: 10px 0; border-bottom: 1px solid #eee; color: #444; }
.tbl-pay .txt-l, 
.tbl-pay .txt-c { padding: 0 15px; }
.tbl-pay thead th { background: #fff; border-bottom: 1px solid #000; font-size:15px;font-weight:500;}
.tbl-pay thead td { padding: 50px 0 50px; font-size: 16px; text-align: center; }
.tbl-pay thead td strong{font-weight:400;}
.tbl-pay thead td strong em { position: relative; top: 3px; font-size:30px; font-weight:500;}
.tbl-pay thead td .base { z-index: 1; position: relative; }
.tbl-pay thead td .base .plus, 
.tbl-pay thead td .base .minus, 
.tbl-pay thead td .base .equal { position: absolute; top: 9px; width: 23px; height: 23px; right:90%; }
.tbl-pay thead td .down { position: relative; top: -3px; }
.tbl-pay thead td .tooltip { display: none; z-index: 2; position: absolute; top: 42px; left: 50%; width: 170px; margin-left: -95px; padding: 10px; border: 1px solid #333; background: #f8f8f8; color: #666; font-size: 12px; }
.tbl-pay thead td .tooltip p { position: relative; text-align: left; letter-spacing: -1px; line-height: 1.5; }
.tbl-pay thead td .tooltip p span { position: absolute; top: 0; right: 0; color: #333; }
.tbl-pay thead td .tooltip p.total { margin-top: 5px; padding-top: 5px; border-top: 1px solid #c3c3c3; color: #111; font-weight: bold; }
.tbl-pay thead td .tooltip p.total span { top: 5px; }
.tbl-pay tbody th {   }
.tbl-pay .discount { position: relative; margin: 10px 0; padding-left: 140px; }
.tbl-pay .discount dt { position: absolute; top: 50%; left: 15px; margin-top: -8px; font-weight: bold; letter-spacing: -1px; }
.tbl-pay .discount .label { margin-top: 0; }

/* BASIC css end */