@charset "utf-8";
/* *******************************************************
 * filename : order.css
 * description : 장바구니, 주문리스트, 주문폼작성 등 주문에 관련된  CSS(반응형)_작업중
 * date : 2020-01-28
******************************************************** */

/* ******************  SHOP 공통 ********************** */
/* shopping layout */
#shoppingCon{max-width:1200px; margin:0px auto 100px;}

/* 공통 :: 상단 진행과정 바 */
.process-bar-con > ol{overflow:hidden;  margin:50px auto; text-align:center;}
.process-bar-con > ol > li{display:inline-block; padding-left:60px; overflow:hidden; text-align:center; letter-spacing: -0.5px; background:url(/images/shop/process_arrow.png) no-repeat 0 50%}
.process-bar-con > ol > li:first-child{background:none;}
.process-bar-con > ol > li .process-icon{float:left; width:48px; height:48px; color:#fff; background-color:#ccc; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.process-bar-con > ol > li.current .process-icon{background-color:#424446}
.process-bar-con > ol > li .process-icon i{font-size:24px; line-height:48px; }
.process-bar-con > ol > li dl{float:left; width:120px; padding-left:15px; text-align:left; padding-top:5px;}
.process-bar-con > ol > li dl dt{height:20px; font-size:13px; color:#888;}
.process-bar-con > ol > li dl dd{height:34px; font-size:17px; color:#333;}


/* 공통 :: 수량 제이쿼리 ui */
#content .ui-widget.ui-widget-content{border:0; height:29px !important; border-radius:0px; vertical-align:top;}
#content .ui-spinner-input{width:40px; height:27px; margin:0 29px; padding:0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#content .ui-spinner a.ui-spinner-button{position:absolute; top:0px; width:29px; height:29px; border:1px solid #ddd; cursor:pointer; border-radius:0px;}
#content .ui-spinner a.ui-spinner-up{right:0px; background:url(/images/shop/prd_num_plus.png) no-repeat 50% 50%}
#content .ui-spinner a.ui-spinner-down{left:0px; background:url(/images/shop/prd_num_minus.png) no-repeat 50% 50%}
#content .ui-spinner a.ui-spinner-button:hover{background-color:#fff}
#content .ui-spinner a.ui-spinner-button span{display:none;}

/* 공통 :: 타이틀 */
.order-prd-con-tit-box{margin-bottom:18px;}
.order-prd-con-tit{color:#444; font-size:20px; letter-spacing:-0.3px; font-weight:400; margin-bottom:18px; }
.order-prd-con-tit-box .order-prd-con-tit{margin-bottom:0; float:left; line-height:40px;}
.order-prd-con-tit strong{color:#000; font-weight:600;}

/* 공통 :: 버튼 */
.order-btn-controls{text-align:center;}
.order-btn-controls button,.order-btn-controls a{display:inline-block; width:172px; height:50px; font-size:14px; color:#fff; text-align:center; vertical-align:middle; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.order-btn-controls button{margin:0px; padding:0px; border:0; background:none; }
.order-btn-controls a{display:inline-block; line-height:50px;}
.order-btn-controls.two-btns button,.order-btn-controls.two-btns a{width:48%; margin:0 10px; max-width:150px; }
.order-btn-controls.three-btns button,.order-btn-controls.three-btns a{width:30%; margin:0 0.5%; max-width:150px; }
.order-btn-controls .btn-style01{background-color:#282828;}
.order-btn-controls .btn-style02{background-color:#666;}
.order-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #918c8b; color:#222;}

/* 공통 :: 주의사항 박스 */
.order-caution-box{padding:25px 0; margin-bottom:50px; background-color:#f2f2f2; font-size:15px; letter-spacing:-0.3px;text-align:center; color:#666; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
.order-caution-box strong{color:#000; font-weight:600;}

/* 공통 :: 리스트 없을때 */
.no-order-list{display:block; text-align:center; padding:100px 0; font-size:17px; font-weight:400; letter-spacing:-0.5px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.no-order-list i{display:block; color:#333; padding-bottom:30px; font-size:40px;}
.no-order-list strong{font-weight:400;}

@media all and (max-width:800px){
	/* 공통 :: 상단 진행과정 바 */
	.process-bar-con > ol{margin:20px auto}
	.process-bar-con > ol > li{padding:0 17px 0 24px; background-position:0 40%; background-size:7px auto; width: 65px;}
	.process-bar-con > ol > li .process-icon{float:none; display:inline-block; width:40px; height:40px; line-height:40px;}
	.process-bar-con > ol > li .process-icon i{font-size:18px; line-height:40px; }
	.process-bar-con > ol > li dl{float:none; width:auto; padding-left:0px; padding-top:15px; text-align: center;}
	.process-bar-con > ol > li dl dt{display:none;}
	.process-bar-con > ol > li dl dd{display:block; font-size:13px; }
	/* 공통 :: 타이틀 */
	.order-prd-con-tit{font-size:18px; line-height:24px; margin-bottom:10px; font-weight:600;} 
	/* 공통 :: 수량 제이쿼리 ui */
	.spinner-box .ui-widget.ui-widget-content{height:32px !important;}
	.spinner-box .ui-spinner-input{height:28px; margin:0 29px}
	.spinner-box .ui-spinner a.ui-spinner-button{width:30px; height:30px;}
	/* 공통 :: 버튼 */
	.order-btn-controls button, .order-btn-controls a{width:45%; height:40px; font-size:14px;}
	.order-btn-controls a{line-height:40px;}
	/* 리스트 없을때 */
	.no-order-list{font-size:13px; padding:50px 0; border-top:1px solid #ddd;}
	.no-order-list i{font-size:30px; padding-bottom:20px}
}
@media all and (max-width:359px){
	/* 공통 :: 상단 진행과정 바 */
	.process-bar-con > ol > li{padding:0 15px 0 20px;}
}

/* ******************  주문 관련 ********************** */
/* -------- 주문리스트 -------- */
.order-prd-list-con{padding-bottom:60px; }
.order-prd-list-tbl{width:100%; border-top:1px solid #333; margin-bottom:30px; table-layout:fixed;}
.order-prd-list-tbl th{padding:18px 0; color:#222; font-size:15px; font-weight:500; border-bottom:1px solid #ddd;}
.order-prd-list-tbl td{padding:16px 10px; line-height:1.3; font-size:14px; text-align:center; color:#555; border-bottom:1px solid #ddd; }

/* 제품리스트 :: 상품정보 */
.order-prd-list-tbl td.prd-info-col{text-align:left;}
.order-prd-list-tbl td.prd-info-col .prd-thumb{display:inline-block; width:80px; border:1px solid #ddd;}
.order-prd-list-tbl td.prd-info-col a:hover .prd-thumb{border-color:#000}
.order-prd-list-tbl td.prd-info-col .prd-thumb img{max-width:100%; max-height:100%}
.order-prd-list-tbl td.prd-info-col .prd-info-box{display:inline-block; vertical-align:middle; width:calc(100% - 100px); margin-left:10px; padding-top:5px}
.order-prd-list-tbl td.prd-info-col .order-prd-tit{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:400; line-height:18px; font-size:15px; color:#222; }
.order-prd-option-list{padding-top:5px; font-size:12px; line-height:1.3; color:#aaa; font-weight:300; letter-spacing:-0.5px;}
.order-prd-option-list span{display:inline-block; vertical-align:middle;}
.order-prd-option-list span:before{display:inline-block; content:"/"; margin:0 2px; color:#ccc;}
.order-prd-option-list span:first-child:before{display:none;}
.prd-mobile-info-box{display:none;}
/* 제품리스트 :: 수량변경 */
.order-prd-list-tbl td .order-num-chagne-btn{height:29px; border:1px solid #ddd; background-color:#fff; padding:0 5px; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; margin-left:5px; vertical-align:top;}
.order-prd-list-tbl td .order-num-chagne-btn:hover{background-color:#f1f1f1; }
/* .order-prd-list-tbl td.prd-review-tit{text-align:left;}
.order-prd-list-tbl td.prd-review-tit a{display:block; width:100%; color:#222; font-size:14px; font-weight:500; }
.order-prd-list-tbl td .prd-point{color:#000} */

.order-prd-list-tbl td .prd-price{color:#000}
@media all and (max-width:800px){
	/* 제품리스트 리스트 */
	.order-prd-list-tbl thead{display:none;}
	.order-prd-list-tbl colgroup{display:none}
	.order-prd-list-tbl tbody,
	.order-prd-list-tbl tr,
	.order-prd-list-tbl td{display:block; border-bottom:0; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.order-prd-list-tbl tr{overflow:hidden; position:relative; border-bottom:1px solid #ddd; margin-top:10px;}
	.order-prd-list-tbl tr:first-child{margin-top:0;}
	.order-prd-list-tbl td{padding:10px; font-size:13px;}

	/* 제품리스트 :: 기본 */
	.order-prd-list-tbl .prd-block-col{overflow:hidden; text-align:right; border-bottom:1px solid #eee; }
	.order-prd-list-tbl .prd-block-col:last-of-type{border-bottom:0}
	.order-prd-list-tbl .prd-block-col:before{float:left; padding-right:5px; color:#aaa; content: attr(data-label);}
	.order-prd-list-tbl .prd-m-none-col{display:none;}
	.order-prd-list-tbl .prd-manage-col{text-align:right;}

	/* 제품리스트 :: 체크박스 */
	.order-prd-list-tbl .prd-check-col{position:absolute; top:10px; left:0px; padding:0}
	.order-prd-list-tbl .prd-check-col input{width:20px; height:20px; margin:0 }
	.order-prd-list-tbl .prd-check-col + .prd-info-col{margin-left:20px}
	.order-prd-list-tbl .prd-check-col + .prd-info-col + .prd-each-price-col + .prd-change-col{margin-left:20px}

	/* 제품리스트 :: 상품정보 */
	.order-prd-list-tbl td.prd-info-col {border-bottom:1px solid #eee}
	.order-prd-list-tbl td.prd-info-col .prd-thumb{vertical-align:top;}
	.order-prd-list-tbl td .prd-mobile-info-box{display:block; padding-top:10px; color:#222; font-size:13px; font-weight:500; }
	
	/* 제품리스트 :: 상품가격 및 포인트 */
	.order-prd-list-tbl td.prd-each-price-col,
	.order-prd-list-tbl td.prd-point-col{display:none}
	.order-prd-list-tbl td.prd-change-col{float:left;}
	.order-prd-list-tbl td.prd-total-price-col{float:right; width:calc(100% - 180px); line-height:30px; text-align:right; font-weight:600;}
}

/* 장바구니 삭제 (장바구니) */
.order-select-prd-delete-con{padding:10px 0 20px;}
.order-select-prd-delete-con button{background-color:#444; color:#fff; padding:7px 14px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

/* 장바구니 리스트 하단 총금액*/
.order-prd-total-price-con{padding:25px; background-color:#fff; border:1px solid #ddd}
.order-prd-detail-price{display:inline-block; width:50%; vertical-align:middle; border-right:1px solid #ddd;}
.order-prd-detail-price dl{overflow:hidden; line-height:32px; color:#222; font-size:15px; letter-spacing:-0.5px;}
.order-prd-detail-price dl dt{float:left; }
.order-prd-detail-price dl dd{float:right; padding-right:30px; color:#333;}
.order-prd-total-price{display:inline-block; width:95%; vertical-align:middle; }
.order-prd-total-price dl{ color:#222; line-height:25px; padding-left:30px;}
.order-prd-total-price dl dt{float:left; font-size:15px; font-weight:600; letter-spacing:-0.5px;}
.order-prd-total-price dl dd{float:right; font-size:20px;}
.order-prd-total-price dl dd b{font-size:22px;}

@media all and (max-width:800px){
	/* 장바구니 리스트 하단 총금액*/
	.order-prd-detail-price,
	.order-prd-total-price{display:block; width:auto; border-right:0;}
	.order-prd-detail-price{padding-bottom:5px;}
	.order-prd-detail-price dl dd{padding-right:0;}
	.order-prd-total-price{padding-top:10px; /* border-top:1px solid #ddd; */}
	.order-prd-total-price dl{padding-left:0; text-align:right; }
	.order-prd-total-price dl dt,
	.order-prd-total-price dl dd{display:inline-block; float:none;}
	.order-prd-total-price dl dt{margin-right:15px;}
}
@media all and (max-width:480px){
	/* 장바구니 리스트 하단 총금액*/
	.order-prd-total-price-con{padding:15px;}
	.order-prd-detail-price dl{font-size:13px;}
}

/* 주문조회 상단 */
.shop-caution-txt{position:relative; color:#656565; font-weight:400; margin-bottom:17px; line-height:1.5; padding-left:20px; margin-bottom:20px;}
.shop-caution-txt em{position:absolute; top:0px; left:0px;}
.shop-caution-txt br{display:none;}
.shop-caution-txt strong{color:#231916;}
.order-list-term-search{float:right; overflow:hidden; text-align:right; width:200px;}
.order-list-term-search select{width:100%; border:1px solid #ccc; height:40px; background-color:#fff;}
@media all and (max-width:800px){
	.shop-caution-txt{}
	.shop-caution-txt br{display:block;}
	.order-list-term-search{width:50%; max-width:200px;}
}

/* 주문조회 리스트 */
.shop-list-tbl{width:100%; border-top:1px solid #ddd; margin-bottom:30px;}
.shop-list-tbl th{padding:18px 0; color:#222; font-size:15px; font-weight:600; border-bottom:1px solid #333;}
.shop-list-tbl td{padding:16px 1%; text-align:center; color:#666; border-bottom:1px solid #ddd; }
.shop-list-tbl td .order-number{color:#000; font-weight:600;}
.shop-list-tbl td .order-number:hover, .shop-list-tbl td .order-number:focus{color:#000; text-decoration:underline;}
.shop-list-tbl td .price{color:#4597e8; font-weight:600;}
.shop-list-tbl td .delivery-state span{display:block; color:#8f8f8f;}
.delivery-view-btn{display:inline-block; font-size:12px; width:68px; height:24px; line-height:24px; text-align:center; background-color:#333; margin-top:5px; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; color:#fff;}
.delivery-view-btn:hover{color:#fff;}
.order-manage-controls{margin:0 -2px}
.order-manage-btn{display:inline-block; height:28px; line-height:26px; font-size:13px; letter-spacing:-0.5px;padding:0px 10px; color:#fff; color:#333; margin:2px; border:1px solid #888; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}

/* 적립금 리스트 */
#myPointStateCon{margin-bottom:50px;}
.my-point-state-con{overflow:hidden; border:2px solid #ddd; padding:20px 0; }
.my-point-state{float:left; width:45%; padding:0 2%; border-right:1px solid #ddd;}
.my-point-state-con dl{overflow:hidden; margin:0px auto; padding:10px 0; font-size:14px; letter-spacing:-0.3px;}
.my-point-state-con dl dt{float:left;}
.my-point-state-con dl dd{float:right;}
.my-point-state-con dl dd b{color:#000; font-weight:600}
.point-caution-txt{float:left; width:46%; padding:0 2%; color:#828282; font-weight:400; font-size:13px; letter-spacing:-0.5px; line-height:20px; font-size:11px; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
.plus-point{color:#0095ff; font-weight:600;}
.minus-point{color:#ff3800; font-weight:600;}

/* -------- 주문 폼 작성 -------- */
/* 비회원 주문동의 */
.nonmember-agree-con{margin-bottom:50px;}
.nonmember-agree-con .order-prd-con-tit{color:#464646; font-size:20px; letter-spacing:-0.3px; font-weight:500; padding-bottom:10px; margin-bottom:0;}
.nonmember-agree-con .nonmember-agree-sub-tit{padding-bottom:15px; font-size:13px; color:#888; font-weight:400;}
.nonmember-agree-txt{border:1px solid #ddd; height:150px; overflow-y:auto; padding:20px 2%; background-color:#f2f2f2;}
.agree-txt{padding-top:10px; font-size:14px; letter-spacing:-0.3px; color:#868686;}

/* 주문서 작성 */
.order-prd-write-con{position:relative;}
.order-prd-write-con .essential-txt{position:absolute; top:6px; right:0px; font-size:13px;}
.order-prd-tbl-con{position:relative;}
.order-prd-tbl-con .delivery-same-btn{position:absolute; top:0px; right:0px; padding:8px 16px; background-color:#777; color:#fff; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.order-form-tbl{width:100%; border-top:1px solid #333;}
.order-form-tbl th,.order-form-tbl td{padding:10px; border-bottom:1px solid #ddd;}
.order-form-tbl th{text-align:left; color:#464646; font-weight:600; font-size:15px; letter-spacing:-0.5px;}
.order-form-tbl .input-basic,
.order-form-tbl .select-basic{
	height:34px; border:0px; width:50%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;
}
.order-form-tbl .input-basic:focus{border-color:#333;}
.order-form-tbl .input-basic{text-indent:10px;}
.order-form-tbl .select-basic{height:38px;}
.order-form-tbl .textarea-basic{height:100px; width:99%; border:1px solid #d2d2d2; font-size:14px; resize:none; }
.order-form-tbl .join-sub-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:2px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.order-form-tbl .join-sub-btn:hover{background-color:#464646; color:#fff;}
.order-form-tbl .read-only-data{color:#000; font-size:16px; padding:10px 0; font-weight:600;}
.order-form-tbl .hypen{margin:0 5px;}

/* 주문서 작성 :: 결제정보 */
.order-form-tbl .buy-price-txt{font-size:15px; color:#000;}
.order-form-tbl .order-sub-txt{margin:7px 0px; color:#828282; font-weight:400; font-size:11px; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
.order-form-tbl .order-sub-txt .font-ok{color:#0095ff; font-weight:400;}
.order-form-tbl .order-sub-txt .font-caution{color:#ff3800; font-weight:400;}
.order-form-tbl .order-total-point{margin:0 10px;}
.order-form-tbl .order-total-point b{color:#4597e8}
.order-form-tbl .my-point-check{background-color:#333; padding:5px 10px; color:#fff;}
.order-form-tbl .text-right{text-align:right; padding-right:10px;}
.order-form-tbl .order-prd-total-price{border:0}

/* 결제수단 선택 */
.order-payment-form{overflow:hidden;}

/* 결제수단 :: 결제방법선택 */
.order-payment-select-con{float:left; width:68%; margin-right:2%;  border-top:2px solid #262626; }
.order-payment-select-con .order-payment-list{overflow:hidden; padding:20px 5%; border-bottom:1px solid #262626;}
.order-payment-select-con .order-payment-list li{float:left; margin-right:3%;}
.order-payment-content{min-height:185px; border-bottom:1px solid #ddd}
.payment1-con{text-align:center; color:#969696; font-size:13px; padding-top:93px; background:url(/images/shop/payment_icon.png) no-repeat 50% 45px}
.payment2-con{padding:20px 5%;}
.payment-account-tbl{width:100%;}
.payment-account-tbl th,.payment-account-tbl td{color:#707070; font-size:13px; font-weight:400; padding:10px 0;}
.payment-account-tbl th{width:20%; text-align:left;}
.payment-account-tbl td{width:80%;}
.payment-account-tbl td label,.payment-account-tbl td input[type="radio"]{vertical-align:middle;}
.payment-account-tbl .payment-input,
.payment-account-tbl .payment-select{
	background:none; width:23%; border:1px solid #ddd; height:30px;
}
.payment-account-tbl .payment-select{width:80%; height:32px;}
.payment-account-tbl .payment-select-short{width:23%;}
.payment-account-tbl .payment-sub-btn{height:34px; padding:0px 10px; color:#333; border:1px solid #ddd; margin-left:5px; vertical-align:middle;}
.payment-account-tbl .payment-sub-btn:hover{color:#000;}
.payment-tax-con{border:1px solid #f2f2f2; margin-top:30px;}
.payment-tax-con .payment-account-tbl{width:92%; margin:0px auto;}
.order-prd-tbl-con .payment-tax-con .order-prd-con-tit{font-size:17px; background-color:#f2f2f2; padding:10px 2%; margin-bottom:0;}
/* 결제수단 :: 최종금액 */
.order-payment-final-price-con{float:right; width:30%; height:246px; text-align:center; background-color:#f0f0f0;}
.order-payment-final-price-con dl{background-color:#333; padding:25px 0; font-weight:600; color:#fff; font-size:18px;}
.order-payment-final-price-con dt{padding-bottom:12px;}
.order-payment-final-price-con dd strong{color:#fff; font-size:26px;}
.to-order-controls{padding:22px 20px 24px; letter-spacing:-0.3px;}
.to-order-controls .to-order-btn{width:100%; height:60px; border:2px solid #464646; background-color:#fff; font-size:22px; color:#464646; margin-top:20px;}





/* -------- 주문 상세보기 -------- */
.order-prd-tbl-con{padding-bottom:50px;}
.order-prd-view-tbl{width:100%; border-top:1px solid #333;}
.order-prd-view-tbl th,.order-prd-view-tbl td{padding:10px; border-bottom:1px solid #ddd; line-height:24px; font-size:15px; letter-spacing:-0.3px;}
.order-prd-view-tbl th{color:#464646; font-weight:600; letter-spacing:-0.5px; /* border-right:1px solid #ddd; */ text-align:left; vertical-align:top; }
.order-prd-view-tbl td{width:76%; color:#666; }
.order-prd-view-tbl td .price{font-size:18px; color:#4597e8;}
.order-trade-txt{}


@media all and (max-width:800px){
	.order-prd-view-tbl tr,
	.order-prd-view-tbl th, 
	.order-prd-view-tbl td{display:block !important; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	 .order-prd-view-tbl th{background-color:#f2f2f2; padding:7px 10px; border-right:0}
	.order-prd-view-tbl td{width:100%; }
}

/* -------- 주문완료 페이지-------- */
#orderComplete{padding:60px 0; text-align:center; }
.order-finish-txt{padding:40px 0 50px; color:#505050; font-size:30px; letter-spacing:-0.3px;}
.order-finish-txt i{display:block; font-size:50px; margin:0px 0 50px 0; vertical-align:middle; color:#bbb }
.order-finish-txt span{ padding-top:18px; color:#969696; font-size:13px; display:block;}
.order-num-box{width:90%; max-width: 500px; margin:0px auto;  padding:30px 5%; border:3px solid #ddd; background-color:#fff; font-size:13px; text-align:center; margin-bottom:50px;}
.order-num-box dt,.order-num-box dd{display:inline-block;  font-size:18px; font-weight:600; }
.order-num-box dt{color:#000; margin-right:15px;}
.order-num-box dd{color:#4597e8}


/*
.custom-radio label{position:relative; display:block; padding-left:24px; line-height:17px; font-weight:600;}
.custom-radio label:before{position:absolute; top:0px; left:0px; display:inline-block; content:""; width:15px; height:15px; border:1px solid #ccc; -webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
.custom-radio label:after{position:absolute; top:5px; left:5px; display:inline-block; content:""; width:7px; height:7px;background-color:#ccc;-webkit-border-radius:9px;-moz-border-radius:9px;-o-border-radius:9px;border-radius:7px;}
.custom-radio input[type="radio"]{display:none;}
.custom-radio input[type="radio"]:checked + label{color:#000; }
.custom-radio input[type="radio"]:checked + label:before{border-color:#000;}
.custom-radio input[type="radio"]:checked + label:after{background-color:#000;}
*/

/* -------- 마이페이지 인덱스 -------- */
/* 마이페이지 상단 :: 문구 */
#mypageTopCon{padding:25px 0; background-color:#454b5e; text-align:center; margin-bottom:45px;}
#mypageTopCon p{color:#fff; font-size:17px; letter-spacing:-0.3px; line-height:1.5}
#mypageTopCon p br{display:none}
#mypageTopCon p strong{display:inline-block; color:#fff; font-weight:600; font-size:20px;}
/* 마이페이지 상단 :: 주문처리 현황 */
#mypageOrderState{border:1px solid #ddd; margin-bottom:45px; background-color:#fff;}
#mypageOrderState h4{border-bottom:1px solid #ddd; padding:14px 0; text-align:center; font-size:17px; color:#333; font-weight:500;}
#mypageOrderState .my-order-state-list{overflow:hidden; width:80%; margin:0px auto; padding:30px 0;}
#mypageOrderState .my-order-state-list li{float:left; width:20%; text-align:center;}
#mypageOrderState .my-order-state-list li dl{border-left:1px solid #ddd; }
#mypageOrderState .my-order-state-list li:first-child dl{border-left:0;}
#mypageOrderState .my-order-state-list li dl dt{color:#333; font-size:16px; font-weight:400; letter-spacing:-0.3px; padding-bottom:15px;}
#mypageOrderState .my-order-state-list li dl a{color:#868686; font-size:25px; font-weight:600; }
#mypageOrderState .my-order-state-list li dl a b{color:#278cd2;}
/* 마이페이지 상단 :: 메뉴 */
.mypage-menu-list{margin-bottom:80px;}
.mypage-menu-list ul{text-align:center;margin-right:-5px}
.mypage-menu-list ul li{width:25%; position:relative; float:left; margin-left:-1px;}
.mypage-menu-list ul li a{position:relative; display:block; height:42px; line-height:42px; color:#838383; font-size:15px; letter-spacing:-0.25px; text-align:center; border:1px solid #ddd;  background-color:#fff;}
.mypage-menu-list ul li.selected a{background-color:#555; color:#fff; border-color:#555;}
.mypage-menu-list ul li .arrow{display:none;}

@media all and ( max-width: 800px ){
	/* 마이페이지 상단 :: 문구 */
	#mypageTopCon{padding-bottom:70px; margin:0 -15px 20px;}
	#mypageTopCon p{font-size:14px;}
	#mypageTopCon p br{display:block}
	#mypageTopCon p strong{font-size:16px;}
	/* 마이페이지 상단 :: 주문처리 현황 */
	#mypageOrderState{margin:-70px 0px 20px; border:0; }
	#mypageOrderState h4{border-bottom:0; padding:16px 0; font-size:14px;}
	#mypageOrderState .my-order-state-list{width:auto; padding:20px 10px;}
	#mypageOrderState .my-order-state-list li dl dt{font-size:12px;}
	#mypageOrderState .my-order-state-list li dl a{font-size:16px}
	/* 마이페이지 상단 :: 메뉴 */
	.mypage-menu-list{margin-bottom:40px;}
	.mypage-menu-list ul{margin-right:-2px}
	.mypage-menu-list ul li,
	.mypage-menu-list ul li:first-child{width:50%; margin-top:-1px;}
	.mypage-menu-list ul li:nth-child(odd){margin-left:0}
	.mypage-menu-list ul li a{height:40px; line-height:40px; font-size:13px; padding:0 15px; text-align:left;}
	.mypage-menu-list ul li .arrow{display:block; position:absolute; top:-2px; right:5px; color:#ccc; }
}

/* -------- 주문조회 리스트 -------- */
.shop-list-tbl-responsive{width:100%; table-layout:fixed; border-top:1px solid #ddd; }
.shop-list-tbl-responsive th, .shop-list-tbl-responsive td{border-bottom:1px solid #ddd;}
.shop-list-tbl-responsive th{padding:15px 0; color:#383838; font-size:15px; font-weight:500;}
.shop-list-tbl-responsive td{padding:16px; text-align:center; color:#333; font-size:14px; line-height:1.3; letter-spacing:-0.5px; word-break:keep-all;}
/* 주문일자, 주문번호 */
.shop-list-tbl-responsive td.order-day-info{background-color:#f7f7f7;}
.shop-list-tbl-responsive td .order-date{display:block; color:#000; font-size:14px; font-weight:600; margin-bottom:10px;}
.shop-list-tbl-responsive td .order-number{color:#000; font-weight:500; font-size:13px; color:#666;}
.shop-list-tbl-responsive td .order-number:hover, .shop-list-tbl-responsive td .order-number:focus{color:#000; text-decoration:underline;}
.shop-list-tbl-responsive td .to-order-view-btn{font-weight:400; display:inline-block; padding:8px 15px; background-color:#fff; font-size:14px; letter-spacing:-0.5px; border:1px solid #ccc; margin-top:10px;}
.shop-list-tbl-responsive td .to-order-view-btn i{display:none;}
/* 주문 내역 */
.shop-list-tbl-responsive td .order-prd-info-box{padding:15px 0; border-top:1px solid #eee; }
.shop-list-tbl-responsive td .order-prd-info-box:first-child{padding-top:0; border-top:0}
.shop-list-tbl-responsive td .order-prd-info-box:last-child{padding-bottom:0;}
.shop-list-tbl-responsive td .order-prd-thumb{display:inline-block; vertical-align:top; width:80px; margin-right:15px; border:1px solid #ddd;}
.shop-list-tbl-responsive td .order-prd-thumb a{display:block;}
.shop-list-tbl-responsive td .order-prd-thumb img{width:100%;}
.shop-list-tbl-responsive td .order-prd-info{display:inline-block; vertical-align:middle; width:calc(100% - 100px);}
.shop-list-tbl-responsive td .order-prd-tit{display:block; overflow:hidden; font-weight:500; color:#222; font-size:16px; }
.shop-list-tbl-responsive td .order-prd-option-tit{display:block; color:#888; margin-top:5px; line-height:1.5; }
.shop-list-tbl-responsive td .order-prd-each-price{margin-top:5px; color:#4597e8; line-height:1.5; font-size:15px; font-weight:600}
.shop-list-tbl-responsive td .order-prd-info .order-manage-controls{margin-top:10px}
/* 주문금액 및 관리 */
.shop-list-tbl-responsive td .price{color:#292929; font-size:17px; font-weight:600;}
.shop-list-tbl-responsive td .price em{display:none;}
.shop-list-tbl-responsive td .delivery-state {margin-bottom:5px;}
.shop-list-tbl-responsive td .delivery-state .state{display:block; font-weight:500; color:#2066ce; font-size:16px; margin-bottom:10px;}
@media all and (max-width:800px){
	.shop-list-tbl-responsive{border-top:0}
	.shop-list-tbl-responsive colgroup,
	.shop-list-tbl-responsive thead{display:none}
	.shop-list-tbl-responsive tr,
	.shop-list-tbl-responsive th, 
	.shop-list-tbl-responsive td{display:block;  border-bottom:0} 
	.shop-list-tbl-responsive tr{margin-bottom:10px; border:1px solid #ddd; margin-bottom:10px}
	.shop-list-tbl-responsive td{padding:10px}
	/* 주문일자, 주문번호 */
	.shop-list-tbl-responsive td.order-day-info{position:relative; text-align:left;}
	.shop-list-tbl-responsive td.order-day-info .order-prd-info-box{padding-bottom:0}
	.shop-list-tbl-responsive td .to-order-view-btn{position:absolute; top:50%; right:0px; transform:translateY(-50%); padding:5px 10px; background:transparent; border:0; margin-top:0}
	.shop-list-tbl-responsive td .to-order-view-btn em{display:none;}
	.shop-list-tbl-responsive td .to-order-view-btn i{display:block;}
	/* 주문 내역 */
	.shop-list-tbl-responsive td .order-prd-info-box{padding:10px 0;}
	/* 주문금액 및 관리 */
	.shop-list-tbl-responsive td.order-price-info-box{border-top:1px solid #ddd;}
	.shop-list-tbl-responsive td .price{display:block; font-size:16px; }
	.shop-list-tbl-responsive td .price em,
	.shop-list-tbl-responsive td .price b{display:inline-block; vertical-align:middle; margin:0 5px}
	.shop-list-tbl-responsive .order-pay-info-box{display:none;}
	.shop-list-tbl-responsive .order-delivery-info-box{clear:both; border-top:1px solid #ddd;}
	.shop-list-tbl-responsive td .delivery-state{float:left; width:120px; text-align:left; line-height:30px; margin-bottom:0}
	.shop-list-tbl-responsive td .delivery-state .state{margin-bottom:0px}
	.shop-list-tbl-responsive .delivery-state .order-manage-btn-box a{margin:0}
	.shop-list-tbl-responsive .order-delivery-info-box .order-manage-controls{float:right; width:calc(100% - 120px); text-align:right;}
}

/* ******************  쿠폰 (들어갈때만 사용) ********************** */
/* 쿠폰 탭 */
.coupon-tab-list{text-align:center; margin-bottom:30px;}
.coupon-tab-list > ul > li{/* float:left; */ display:inline-block; width: 48%; max-width:220px; margin-left:-4px; border:1px solid #cbcbcb; background-color:#fff;
	box-sizing:border-box;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.coupon-tab-list > ul > li:first-child {margin-left:0}
.coupon-tab-list > ul > li > a{
	display:table; vertical-align: middle; width: 100%; height: 40px; line-height: 22px; color:#5c5c5c; font-size:15px; letter-spacing:-0.65px; font-weight:400; 
}
.coupon-tab-list > ul > li > a span{display:table-cell; vertical-align:middle;}
.coupon-tab-list > ul > li.selected{  background-color: #1c2c6a;}
.coupon-tab-list > ul > li.selected > a{ color:#fff;}

/* 쿠폰 리스트 */
.coupon-list-tbl{width:100%; border-top:1px solid #333; }
.coupon-list-tbl th{border-bottom:1px solid #333; color:#1b1b1b; font-size:15px; font-weight:500; letter-spacing:-0.75px; padding:15px 0;}
.coupon-list-tbl td{padding:25px 0; border-bottom:1px solid #cfcfcf; text-align:center; color:#4a4a4a; font-size:14px; letter-spacing:-0.5px; line-height:1.2; word-break:keep-all }
.coupon-list-tbl td .coupon-img-box{position:relative; display:block;  width:170px; margin:0px auto;}
.coupon-list-tbl td .coupon-img-box span{position:relative; display:block; height:0; padding-top:41%; border:1px solid #e0e0e0; }
.coupon-list-tbl td .coupon-img-box img{position:absolute; top:0px; left:0px;width:100%; height:100%;}
.coupon-list-tbl td dl dt{color:#1b1b1b; font-size:17px; letter-spacing:-0.75px; font-weight:500; margin-bottom:10px;}
.coupon-list-tbl td dl dd{color:#686868; font-size:14px; letter-spacing:-0.4px;}
.coupon-down-btn{display:inline-block; width:128px; height:40px; line-height:40px; border:3px solid #1c2c6a; color:#1c2c6a; font-size:16px; letter-spacing:-0.25px; font-weight:300; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
/* 쿠폰 리스트 :: 기간만료 */
.coupon-list-tbl td .coupon-expiration-txt{position:absolute; top:0px; right:0px; bottom:0px; left:0px; background-color:#000; background-color:rgba(0,0,0,0.7)}
.coupon-list-tbl td .coupon-expiration-txt b{
	position:relative; display:block; top:50%; -ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); color:#fff; font-size:15px; font-weight:400;
}
.coupon-expiration-item td dl dt,
.coupon-expiration-item td dl dd{color:#c8c8c8;}

@media all and (max-width:800px){
	.coupon-list-tbl thead{display:none;}
	.coupon-list-tbl tr{display:block; position:relative; border-bottom:1px solid #ddd; height:52px; padding:15px 0; padding-left:185px}
	.coupon-list-tbl th,
	.coupon-list-tbl td{display:block; border-bottom:0; padding:0;}

	.coupon-list-tbl td.coupon-img-col{position:absolute; top:5px; left:0px;}
	.coupon-list-tbl td .coupon-img-box{margin:0}
	.coupon-list-tbl td dl{text-align:left;}
	.coupon-list-tbl td dl dt,
	.coupon-list-tbl td dl dd{display:inline-block; vertical-align:middle; vertical-align:middle;}
	.coupon-list-tbl td .coupon-info-box{margin:5px 0 10px}
	.coupon-list-tbl td dl dt{font-size:14px; margin:0}
	.coupon-list-tbl td dl dd{font-size:12px;}
}
@media all and (max-width:480px){
	.coupon-list-tbl tr{height:auto; padding:15px;}
	.coupon-list-tbl td.coupon-img-col{position:static; margin-bottom:15px;}
	.coupon-list-tbl td .coupon-img-box{margin:0 auto}
	.coupon-list-tbl td dl{text-align:center;}
}

/* 쿠폰 등록 */
#couponRegisterContent{text-align:center; padding:30px 0; background-color:#f6f6f6; margin-bottom:30px;}
#couponRegisterContent .coupon-register-txt{color:#4a4a4a; font-weight:300; letter-spacing:-0.3px; font-size:18px; font-weight:300; line-height:1.33; margin-bottom:18px;}
#couponRegisterContent .coupon-register-txt b{font-weight:500; color:#1c2c6a;}
#couponRegisterContent .coupon-register-input-box{width:230px; padding-right:70px; border:1px solid #ddd; margin:0px auto; position:relative;}
#couponRegisterContent .coupon-register-input-box input{background-color:#fff; border:0; width:100%; height:40px;}
#couponRegisterContent .coupon-register-input-box .coupon-register-btn{position:absolute; top:0px; right:0; width:70px; height:100%; font-size:14px; background-color:#5e5e5e; color:#fff; }

/* ******************   게시판 :: 상품 문의, 리뷰 글쓰기(상품뷰페이지)  ********************** */
/* -------- 사용후기 리스트 -------- */
.review-list-con ul{margin:0 -1%}
.review-list-con li{float:left; width:23%; margin:0 1% 50px}
.review-list-con .review-inner{display:block;}
.review-list-con .review-thumb{display:block; overflow:hidden;  position:relative; height:0; padding-top:87.63%; border:1px solid #ddd;}
.review-list-con .review-thumb span{display:block;}
.review-list-con .review-thumb img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.review-list-con .review-prd-info-box{padding:22px 0; border-bottom:1px solid #ddd;}
.review-list-con .review-prd-info-box .review-prd-tit,
.review-list-con .review-prd-info-box .review-prd-sub-tit{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.review-list-con .review-prd-info-box .review-prd-tit{display:block; margin-bottom:10px; font-size:18px; color:#333; font-weight:400;}
.review-list-con .review-prd-info-box .review-prd-sub-tit{color:#777; font-size:15px; margin-bottom:10px;}
.review-list-con .review-prd-info-box .review-prd-price{color:#333; font-size:18px;}
.review-prd-grade-box{padding-top:15px}
.bbs-view-top .review-prd-grade-box{padding:0 0 10px 0}
.review-prd-grade-box dt{display:inline-block; width:45px; height:27px; border:2px solid #9d9d9d; color:#777; font-size:15px; line-height:27px; text-align:center; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.review-prd-grade-box dd{display:inline-block;}
.review-prd-grade-box .review-start-point{display:inline-block; margin:0 7px}
.review-prd-grade-box .review-start-point i{display:inline-block; vertical-align:middle; width:18px; font-size:18px; color:#ff8942;}
.review-prd-grade-box .review-star-num{display:inline-block; vertical-align:middle; font-size:22px; font-weight:600; color:#333;}
@media all and (max-width:800px){
    .review-list-con li{width:31.33%}
}
@media all and (max-width:480px){
    .review-list-con li{width:48%}
    .review-list-con .review-prd-info-box .review-prd-tit,
    .review-list-con .review-prd-info-box .review-prd-price{font-size:15px;}
    .review-list-con .review-prd-info-box .review-prd-sub-tit,{display:none;}
    .review-prd-grade-box dt{display:block;margin:0 0 5px 0}
}
/* ****************** 사용후기 :: 후기 작성 및 뷰페이지 01 ********************** */
#reviewViewContent{
	max-width:800px; width:96%; position:relative; margin:100px auto; 
}
#reviewViewContent .modal-close-btn{position:absolute; top:-50px; right:-5px;}
.review-detail-wrapper{
	padding:20px; background-color:#fff; border:1px solid #1b1b1b; 
	box-shadow:-8px -10px 9px rgba(0, 0, 0, 0.27), 7px 7px 9px rgba(0, 0, 0, 0.27);
}

/* 후기 작성 01 :: 별점선택 */
.star-point-check .custom-checkbox{margin:0 -15px}
.star-point-check .checkbox-item,
.star-point-check .checkbox-item:first-child{margin:5px 15px !important;}
.star-point-check .checkbox-item label .star-point-icon i{position:static; display:inline-block !important; color:#ff8942 !important;}
/* 후기 작성 01 :: 제품리스트 */
.review-prd-name-box .review-prd-photo-box{display:inline-block; width:80px; vertical-align:middle;}
.review-prd-name-box .review-prd-photo{display:block; width:100%; height:0; padding-top:100%; position:relative;}
.review-prd-name-box .review-prd-photo img{position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; max-width:100%; max-height:100%;}
.review-prd-name-box .review-prd-name{display:inline-block; vertical-align:middle; width:calc(100% - 120px); color:#333; font-size:15px; letter-spacing:-0.75px; margin-left:10px; line-height:1.2;}
.star-rating-check {font-size:0; letter-spacing:-4px;}
.star-rating-check button {
    font-size:22px;
    letter-spacing:0;
    display:inline-block;
    margin-left:5px;
    color:#eee;
    text-decoration:none;
}
.star-rating-check button:first-child {margin-left:0;}
.star-rating-check button.on {color:#ff8942;}
@media all and (max-width:480px){
	.review-prd-name-box .review-prd-name{font-size:12px;}
}

/* 리뷰상세페이지 :: 상단 */
.review-view-top{border-bottom:1px solid #ddd; padding-bottom:20px;}
.review-view-top .bbs-tit{color:#282828; font-size:18px; letter-spacing:-0.6px; font-weight:500; line-height:1.5; word-break:keep-all;}
.review-view-top .bbs-write-info{margin-top:20px;}
.review-view-top .bbs-write-info dt,
.review-view-top .bbs-write-info dd{display:inline-block; color:#777; font-size:14px; vertical-align:middle; font-weight:500}
.review-view-top .bbs-write-info dd{margin:0 20px 0 5px; color:#888; font-weight:400}
.review-view-content{padding:30px 0px; border-bottom:1px solid #ddd; }

/* 리뷰상세페이지 :: 상단 :: 제품정보(쓰기폼수정) */
.review-view-top .review-prd-name-box{margin-top:15px; padding:10px; border:1px solid #eee;}
.review-view-top .review-prd-name-box .review-prd-photo-box{width:50px;}
.review-view-top .review-prd-name-box .review-point{display:block; margin-bottom:5px;}
.review-view-top .review-prd-name-box .review-point i{color:#ff8942;}

@media all and (max-width:480px){
	/* 리뷰상세페이지 :: 상단 */
	.review-view-top .bbs-tit{font-size:15px; }
	.review-view-top .bbs-write-info{margin-top:10px;}
	.review-view-top .bbs-write-info dt,
	.review-view-top .bbs-write-info dd{font-size:12px;}
	.review-view-content{padding:15px 0;}
}