@charset "utf-8";

/* 장바구니부터 주문완료까지 해당하는 CSS */

/* 서브 타이틀 */
.subtitle {margin:30px 0 10px;font-size:24px;color:#000;font-weight:500;line-height:35px;border-bottom:0 none;padding:0;}

/* 주문 처리 중 */
.order_process {position:fixed;top:0;left:0;z-index:1000000;width:100%;height:100%;background:rgba(0,0,0,0.2) url(/images/public/loading_big.gif) no-repeat center;text-indent:-10000px;display:none;}

/* 나의 적립금/할인 정보 */
.my_point_stat{margin-bottom:30px;margin-top:35px;font-size:14px;padding-left:0px}

/* 주문할상품 , 할인 및 배송비 */
.order_ver{margin:10px 0 0;font-size:14px;border-top:1px solid #444}
.order_ver thead{background:#f3f3f3;border-left:solid 1px #dbdbdb;border-right:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb}
.order_ver thead th{text-align:center;font-weight:normal;padding:9px 0 7px;color:#444}
.order_ver tbody td{*text-align:center;padding:10px 0px 10px 5px;color:#666;border-bottom:solid 1px #dbdbdb;line-height:16px}
.order_ver tbody td strong{color:#000}
.order_ver tbody td button{margin:2px 0}

	/* 상품명에 해당하는 영역 : 상품이미지+상품명+옵션+판매자 */
	.order_ver td.product{padding:10px;text-align:left}
	.order_ver td.product a{display:block;float:left;color:#666}
	.order_ver td.product img{margin-right:10px;border:1px solid #dedede}
	.order_ver td.product p{display:table;overflow:hidden;height:100%;text-align:left}
	.order_ver td.product p a{display:block;float:none;vertical-align:middle}
	.order_ver td.product p img{margin:0;border:0 none;*vertical-align:middle}
	.order_ver td.product p span{display:block;line-height:15px}
	.order_ver td.product p span button{font-size:11px;font-family:'돋움',dotum,'굴림',gulim;font-weight:bold;color:#ca1818;text-decoration:underline;margin:0}
	.order_ver td.product p span em{color:#ca1818;font-style:normal}

	/* 총 비용 */
	.order_ver tr.total_price td{height:50px !important;padding:0 !important;background-color:#f7f7f7}
	.order_ver tr.total_price td div{position:relative;width:100%;height:100%}
	.order_ver tr.total_price td p{position:absolute;right:0;top:0;display:inline-block;margin:5px 6px;padding:10px 13px;border:1px solid #e6e6e6;background-color:#fff;color:#000}
	.order_ver tr.total_price td p span{display:inline-block;margin-right:38px}

/* 추가할인적용 */
.order_hor{margin:10px 0 0;font-size:14px;border-top:1px solid #444;border-left:solid 1px #dbdbdb}
.order_hor th{background:#f3f3f3;border-right:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb;text-align:center;font-weight:normal;padding:9px 0 7px;color:#444}
.order_hor td{border-right:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb;text-align:left;padding:10px;color:#666;line-height:16px}
.order_hor td.total span{font-size:15px}
.order_hor td.point strong{color:#000}

	/* 배송정책*/
	.order_hor td.total_dc{background:#f7f7f7}

/* 결제수단선택 */
.order_pay td{line-height:23px}
.order_pay td input{margin:0 !important}
.order_pay td.payment span{font-size:19px;font-family:Tahoma}
.order_pay td.paymethod{padding:3px 0 10px 0}
.order_pay td.paymethod ul{overflow:hidden;padding:0 10px}
.order_pay td.paymethod li{float:left;width:10%;padding:7px 0 0}
.order_pay td.paymethod li select{width:50%}
.order_pay td.dealproof label{margin-right:7px}

/* 장바구니 하단 내용 */
#cart_inform{overflow:hidden;padding:16px 0 16px 37px;border:1px solid #d9d9d9;margin-top:40px}
#cart_inform dl dt{margin-bottom:9px}
#cart_inform dl{float:left;height:74px;margin-right:32px;padding:15px 81px 0 60px;font-size:11px;border-right:1px solid #d9d9d9;background:url(/images/icon/ico_order_wish.png) 0 15px no-repeat;color:#888}
#cart_inform dl.inform2{background:url(/images/icon/ico_order_order.png) 0 15px no-repeat}
#cart_inform dl.mar_none{background:url(/images/icon/ico_order_continue.png) 0 15px no-repeat}


/* 주문하시는분, 받으시는분 */
#oredr_send_info{overflow:hidden;padding:5px 3px;background-color:#f0f0f0}
#oredr_send_info div h3{position:relative;margin-bottom:20px}
#oredr_send_info div h3 span{position:absolute;right:0;top:0;font-size:11px;font-weight:normal;color:#666}
#oredr_send_info div{float:left;width:503px;height:290px;margin:0 2px;padding:17px 19px 15px;border:1px solid #e5e3e3;background-color:#fff}
#oredr_send_info table,#oredr_send_info table td,#oredr_send_info table th{border:0 none;background:none;font-size:14px}
#oredr_send_info table td,#oredr_send_info table th{height:0 !important;line-height:30px}
#oredr_send_info table td.td_padding input{margin-bottom:9px}
#oredr_send_info table button{margin-top:2px}
*:first-child+html #oredr_send_info table button{margin:-4px 0 0 3px;vertical-align:middle}
#oredr_send_info table th{padding:2px 0 0 10px;background:url(/images/icon/bul_order_table.gif) 0 12px no-repeat;vertical-align:top;text-align:left;font-weight:normal;	}

/* 주문번호 */
.box_gray_border{margin:15px 0 30px;padding:16px 0;font-size:14px;font-weight:bold;border:3px solid #d6d6d6;text-align:center;color:#333}


/* 이용약관,개인정보 내용 */
div.box_guide{margin:12px 0;padding:9px 10px;border:1px solid #dbdbdb;border-top:1px solid #444;background-color:#f3f3f3}
div.box_guide div{overflow-y:scroll;height:212px;padding:18px;border:1px solid #dbdbdb;background-color:#fff;line-height:18px;color:#666}
div.box_guide div strong{color:#000}
div.agree_check{margin-bottom:30px;font-size:11px;text-align:right}
div.agree_check input{margin:0 0 0 18px}
div.agree_check label{color:#666}

/** 장바구니 **/
.cart_left {float:left; width:900px; letter-spacing:-0.7px; overflow:hidden; margin-bottom:40px;}
.cart_left .sel_del {*margin-top:10px; font-size:13px; overflow:hidden;padding:15px 0 0 0;border-top:1px solid #0c0c0c;}
.cart_left .sel_del li {float:left;}
.cart_left .sel_del li:after {content: ''; display: inline-block; margin:0 8px; width:1px; height:12px; background:#d8d8d8;}
.cart_left .sel_del li:last-child{margin-top:4px;}
.cart_left .sel_del li:last-child:after {dispaly:none;}

.cartList {margin-top:15px; width:100%;border-top:2px solid #222;}
.cartList tbody td {padding:15px; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.cartList tbody td:last-child {border-right:none;}
.cartList tbody td:first-child {padding-left:0;}
.cartList tbody td p {margin-bottom:3px;}
.cartList tbody td p:last-child {margin-bottom:0; }
.cartList tbody td:last-child {padding-right:0;}
.cartList tbody td .pro {float:left;}
.cartList tbody td .pro a {position:relative; display:inline-block; }
.cartList tbody td .pro a img {border: 1px solid #dedede; width:80px;}
.cartList tbody td .pro a .check {position:absolute; left:0; top:0;}
.cartList tbody td .pro_ex {margin-left:100px; font-size:13px; overflow:hidden;}
.cartList tbody td .option {margin-top:10px;}
.cartList tbody td .btn_ec {display:inline-block; padding-right:12px;  font-weight:bold; background:url(../images/order/change_arr.png) right 50% no-repeat;}
.cartList tbody td  .store_name a {width:220px; height:18px; line-height:18px; display:block; overflow:hidden; color:#000; font-size:15px; font-weight:bold;}
.cartList tbody td  .store_summary {width:220px; height:16px; line-height:16px; display:block; overflow:hidden;}
.cartList tbody td .btn {margin:3px 0; display:block; text-align:center; font-size:13px; padding:10px 0; font-weight:bold; box-sizing:border-box; }
.cartList tbody td .btn_gline {color:#222; padding:9px 0;  border:1px solid #ccc;}
.cartList tbody td .btn_cline {color:#fff; background-color:#262324;}
.cartList tbody td .sum {font-size:20px; color:#000; font-weight:bold;}
.cartList tbody td .org_sum {text-decoration: line-through;}
.cartList tbody td .count {margin-top:10px; line-height:30px; display:block;}
.cartList tbody td .count a {display:inline-block; width:30px; height:30px; font-size:16px; text-align:center; border:1px solid #d1d1d1;}
.cartList tbody td .count .num {display:inline-block; width:40px; text-align:center; border-left:none; border-right:none; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.cartList tbody td .btn_del {display:inline-block; width:20px; height:20px; background:url(../images/order/ic_del.png) 50% 50% no-repeat;}
.cartList tbody td.total {background:#f5f5f5; text-align:center;}

.cart_right {float:right; width:270px; letter-spacing:-0.7px; border:1px solid #ccc; overflow:hidden;}
.cart_right .pro_num {background:#f5f5f5; padding:15px;}
.cart_right .pro_num span {display:inlin-block; font-weight:bold;padding-left:20px; background:url(../images/order/ic_allpro.png) left 50% no-repeat;}
.cart_right .total_wrp {margin:15px; overflow:hidden;}
.cart_right .total_wrp .sum_det li {line-height:24px; overflow:hidden;}
.cart_right .total_wrp .sum_det li .sb {float:left;}
.cart_right .total_wrp .sum_det li .sum {float:right; font-weight:bold;}
.cart_right .total_wrp .sum_det li .btn_reck {margin-left:10px; display:inline-block; padding:4px 8px; line-height:1; font-size:12px; background:#333; color:#fff; border-radius:100px; v}
.cart_right .total_wrp .total {margin-top:10px; padding-top:15px; line-height:20px; border-top:1px solid #eee; color:#db0b0b; font-weight:bold; overflow:hidden;}
.cart_right .total_wrp .total .sb{float:left}
.cart_right .total_wrp .total .sum {float:right;}
.cart_right .total_wrp .total .amount {font-size:20px;}
.cart_right .total_wrp .btn_order {display:block;  background-color:#262324; color:#fff; line-height:60px; font-size:20px; font-weight:bold; text-align:center;}
.cart_right .total_wrp .bo_btn {margin-top:10px;}
.cart_right .total_wrp .bo_btn p {float:left; width:50%; }
.cart_right .total_wrp .bo_btn p .btn_gift {display:block; font-size:13px; padding:8px 0; border:1px solid #ccc; font-weight:bold;text-align:center;}


/** 주문 **/
.order_wrp {position:relative; letter-spacing:-0.5px; overflow:hidden;}
.orderList {margin-top:15px; width:100%;border-top:2px solid #222;}
.orderList thead th {padding:12px 0; text-align:center; border-bottom:1px solid #ccc; background:#f5f5f5;}
.orderList thead th.top_name {background:#fff; padding-left:15px; font-size:16px; font-weight:bold; text-align:left;}
.orderList tbody td {padding:15px; text-align:center; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.orderList tbody td:last-child {border-right:none;}
.orderList tbody td:first-child {padding-left:0; text-align:left;}
.orderList tbody td p {margin-bottom:3px;}
.orderList tbody td p:last-child {margin-bottom:0; }
.orderList tbody td:last-child {padding-right:0;}

.orderList tbody td .pro {float:left;}
.orderList tbody td .pro a { display:inline-block; }
.orderList tbody td .pro a img {border: 1px solid #dedede; width:80px;}
.orderList tbody td .pro_ex {margin-left:100px; font-size:13px; overflow:hidden;}
.orderList tbody td .option {margin-top:10px;}
.orderList tbody td .btn_ec {display:inline-block; padding-right:12px;  font-weight:bold; background:url(../images/order/change_arr.png) right 50% no-repeat;}
.orderList tbody td .store_name {color:#000; font-size:15px; font-weight:bold;}

.orderFrm { border-top:2px solid #222;width:100%;}
.orderFrm tbody td {padding:10px 0 10px 15px; height:40px; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.orderFrm tbody td .f_red {color:#de1919;}
.orderFrm tbody td:last-child {border-right:none;lk}
/*.orderFrm tbody td input[type="text"] { width:100%; height:40px; border:1px solid #d9d9d9;line-height:30px; text-indent:8px; box-sizing:border-box;}*/
.orderFrm tbody td p {margin-bottom:12px;}
.orderFrm tbody td p:last-child {margin-bottom:0;}
/*.orderFrm tbody td select {text-indent:8px; padding:0 40px 0 0; border:1px solid #d9d9d9; height:40px; -webkit-appearance: none; -moz-appearance: none;
		 background:#fff url(../images/order/select_arr.png) no-repeat right 50%; }*/
.orderFrm tbody td select::-ms-expand {  display: none;}
.orderFrm tbody td .btn_sblack {display:inline-block; margin-left:8px; line-height:40px; padding:0 15px; color:#fff; background:#333; vertical-align:middle;}
.orderFrm tbody td .mileage {font-size:16px;}
.orderFrm tbody td .f_ex {color:#777; font-size:13px; }

#orderSum_wrp {position:absolute; right:0; top:30px; width:360px; box-sizing:border-box; overflow:hidden;}
#orderSum_wrp .orderSum {padding:25px; border:2px solid #222; box-sizing:border-box; overflow:hidden;} 
#orderSum_wrp .orderSum .top_sb {padding-bottom:15px; font-weight:bold; font-size:18px; color:#000; text-align:center;border-bottom:1px solid #222;}
#orderSum_wrp .orderSum .sum_det {margin-top:15px; border-bottom:1px solid #222;}
#orderSum_wrp .orderSum .sum_det li {font-size:16px; margin-bottom:15px; overflow:hidden;}
#orderSum_wrp .orderSum .sum_det li .sb {float:left;}
#orderSum_wrp .orderSum .sum_det li .sum {float:right; font-weight:bold; color:#000;}
#orderSum_wrp .orderSum  .total_wrp {margin-top:15px; line-height:24px;font-weight:bold; overflow:hidden;}
#orderSum_wrp .orderSum  .total_wrp .sb {float:left;  font-size:16px;}
#orderSum_wrp .orderSum  .total_wrp .total {float:right; font-size:24px; color:#de1919;}
#orderSum_wrp .clause_wrp {margin-top:10px; border:1px solid #ccc; overflow:hidden;}
#orderSum_wrp .clause_wrp .all_agree {padding:10px 15px; font-size:16px; font-weight:bold; background:#f5f5f5; border-bottom:1px solid #ccc;}
#orderSum_wrp .clause_wrp .agree_wrp {margin:15px; overflow:hidden;}
#orderSum_wrp .clause_wrp .agree_wrp ul li {margin-top:15px; color:#000; padding-bottom:15px; border-bottom:1px solid #dbdbdb;}
#orderSum_wrp .clause_wrp .agree_wrp ul li:first-child {margin-top:0;}
#orderSum_wrp .clause_wrp .agree_wrp ul li:last-child {border-bottom:none; padding-bottom:0;}
#orderSum_wrp .clause_wrp .agree_wrp ul li .f_ex {margin-top:10px; color:#777; font-size:13px;}
#orderSum_wrp .clause_wrp .agree_wrp ul li dl {margin-top:10px;}
#orderSum_wrp .clause_wrp .agree_wrp ul li dl dd {margin:7px 0 7px 20px; color:#666; overflow:hidden;}
#orderSum_wrp .clause_wrp .agree_wrp ul li dl dd .btn_view {float:right; display:inlin-block; padding:3px; font-size:12px; border:1px solid #dbdbdb; }
#orderSum_wrp .btn_pay {display:block;  background-color:#262324; color:#fff; line-height:60px; font-size:20px; font-weight:bold; text-align:center;}


.box_order_border{margin:0 0 30px;padding:16px 0;font-size:16px;font-weight:bold;border:1px solid #a6a6a6;text-align:center;color:#333}


/* 2019-08-20 */
/* order_com */
.com_top {font-size:26px; text-align:center; line-height:1.5;}
.com_top .order_time {margin-top:18px; display:inline-block; font-size:18px; text-align:left;}
.com_top .order_time li {position:relative; padding-left:12px;}
.com_top .order_time li:before {content:""; display:inline-block; position:absolute; left:0; top:50%; transform: translateY(-50%);
						width:7px; height:2px; background:#666;}
.com_info_wrp {margin-top:30px; border:1px solid #6f6555; border-top:0; text-align:center; overflow:hidden;}
.com_info_wrp .order_num {position:relative; padding:15px 20px; color:#fff; font-size:15px; font-weight:500; background:#6f6555; }
.com_info_wrp .order_num .str {color:#fdf74e;}
.com_info_wrp .order_num .btn_order_detail {position:absolute; right:20px; top:50%; transform: translateY(-50%); display:inline-block; padding:0 10px; font-size:14px; color:#fff; font-weight:400; border:1px solid #fff; border-radius:120px; line-height:26px;}
.com_info_wrp .det_wrp {padding:30px;}
.com_info_wrp .det_wrp .mem_addr {font-size:16px;}
.com_info_wrp .det_wrp .amount {margin-top:20px; padding-top:20px; font-size:18px; font-weight:500; border-top:1px solid #dbdbdb;  }
.com_info_wrp .det_wrp .amount p {margin:0 5px; display:inline-block;vertical-align:middle;}
.com_info_wrp .det_wrp .amount .ic_bg {width:30px; height:30px; background:#333; background-position:50% 50%; background-repeat:no-repeat; border-radius:50%;}
.com_info_wrp .det_wrp .amount .ic_plus {background-image:url(/images/icon/ic_plus.png);}
.com_info_wrp .det_wrp .amount .ic_minus {background-image:url(/images/icon/ic_minus.png);}
.com_info_wrp .det_wrp .amount .ic_equal {background-image:url(/images/icon/ic_equal.png);}
.com_info_wrp .det_wrp .amount .total {font-size:24px; font-weight:700;}

.com_bo_wrp {position:relative; margin-top:50px; overflow:hidden;}
.com_bo_wrp > div {overflow:hidden;}
.com_bo_wrp .mline {position:absolute; left:50%; top:0; bottom:0; background:#dbdbdb; width:1px;}
.com_bo {width:530px;}
.com_bo .bo_tit {font-size:22px; font-weight:700; text-align:center;}
.com_bo .bo_info_wrp {margin-top:20px; padding-top:15px; border-top:2px solid #000;}
.com_bo .bo_info_wrp > div {margin-bottom:10px; overflow:hidden;}
.com_bo .bo_info_wrp > div:last-child {margin-bottom:0;}
.com_bo .bo_info_wrp .btn_resend {display:inline-block; padding:0 20px; line-height:40px;  background:#f5f5f5;  border:1px solid #c2c2c2;}