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


/* ****************************************
### 사용자페이지 공통
**************************************** */

/* ******************   상품상세페이지 :: 장바구니팝업창 ********************** */
/* 장바구니 확인창 */
.prd-cart-ok-box-wrapper{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.6);}
.prd-cart-ok-box{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.prd-cart-ok-box-content{ position:relative; display:table-cell; vertical-align:middle; }
.prd-cart-ok-box-inner{position:relative; max-width:400px;padding:40px 0; background-color:#fff;  margin:0px auto; border-radius:10px;}
.prd-cart-ok-box-inner i{font-size:50px; color:#666; margin-bottom:30px;}
.prd-cart-ok-box-inner strong, .prd-cart-ok-box-inner span{display:block; color:#444; font-size:18px; font-weight:500;  letter-spacing:-0.5px;}
.prd-cart-ok-box-inner span{font-size:13px; padding-top:10px; font-weight:300;}
.cart-btns{width:60%; margin:20px auto 0; }
.cart-btns a, .cart-btns button{display:inline-block; vertical-align:middle; width:48%; height:32px; text-align:center; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.5px; margin:0px 1%; background-color:#aaa; transition:var(--transition-custom);}
.cart-btns button:hover {background: #333; border-radius:5px;}
.cart-btns a{line-height:32px;}
.cart-btns .to-cart-btn{background-color:var(--main-color);}
.cart-btns .to-cart-btn:hover {background: #eb3369; border-radius:5px;}
.prd-cart-ok-box-close-btn{position:absolute; top:10px; right:10px;} 
.prd-cart-ok-box-close-btn:focus{outline:none;}
.prd-cart-ok-box-close-btn i{font-size:24px; color:#888}

/* ******************   상품상세페이지 :: 상품 문의폼 ********************** */
/* 상품문의 답변 리스트 */
.prd-qna-list-tbl.order-prd-list-tbl td{padding:0;}
.prd-qna-list-question-con{display:table; table-layout:fixed; width:100%; }
.prd-qna-list-question-con li{display:table-cell; width:15%; line-height:18px; padding:15px 0;}
.prd-qna-list-question-con .number{width:5%;}
.prd-qna-list-question-con .reply-state{width:10%;}
.prd-qna-list-question-con .reply-state span{display:inline-block; width:51px; height:21px; line-height:21px; vertical-align:middle; text-align:center; vertical-align:middle; border:1px solid #e1e6f8; font-size:12px; color:#888; letter-spacing:-1px;}
.prd-qna-list-question-con .reply-state .complete{ border:1px solid #5391fe; color:#5391fe}
.prd-qna-list-question-con .question-tit{width:55%; text-align:left; padding-left:10px; box-sizing:border-box;}
.prd-qna-list-question-con .question-tit a{display:block; position:relative; color:#222; font-size:14px; letter-spacing:-0.5px; padding:0 60px 0 0; }
.prd-qna-list-question-con .question-tit a:hover{color:#000; }
.prd-qna-list-question-con .question-tit-box{display:inline-block; position:relative; max-width:100%;}
.prd-qna-list-question-con .question-tit-box .question-subeject{display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-weight:400; line-height:18px; vertical-align:middle; }
.prd-qna-list-question-con .question-tit-box .question-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-8px; text-align:left; display: inline-block; }
.prd-qna-list-question-con .question-tit-box .question-icons i{vertical-align:middle; font-size:16px; color:#888; position:relative; top:-2px; }
.prd-qna-list-question-con .question-tit-box .question-icons i.xi-new{color:#eb8500;}
/* 상품 문의 :: 답변내용 */
.prd-qna-list-answer-con{display:none; padding:15px; text-align:left; background-color:#f5f5f5; font-size:14px; line-height:1.5;}
.prd-qna-question-txt,.prd-qna-answer-txt{overflow:hidden; padding:15px 0;}
.prd-qna-answer-txt{border-top:1px solid #ddd;}
.prd-qna-list-answer-con .qna-list-txt{float:left; width:calc(100% - 40px); word-break:keep-all;}
.qna-question-controls{clear:both; text-align:right; padding-top:15px;}
.qna-question-controls button,.qna-question-controls a{display:inline-block; width:60px; height:24px; line-height:24px; background-color:#888; color:#fff; font-size:13px; margin-left:2px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.prd-qna-list-answer-con .question-icon,
.prd-qna-list-answer-con .answer-icon{
	display:block; 
	float:left; 
	width:20px; height:20px; line-height:18px; 
	text-align:center; 
	color:#fff; 
	font-size:11px; 
	font-weight:400; 
	margin-bottom:10px; 
	margin-right:20px;
	border-radius:20px;
}
.prd-qna-list-answer-con .question-icon{background-color:#333;}
.prd-qna-list-answer-con .answer-icon{background-color:#0095ff; }
.prd-answer-lock-con{padding:30px 0; text-align:center;}
.prd-answer-lock-con .password-input-tit{margin:30px 0;}
.prd-answer-lock-con .bbs-password-input-box{padding:0; background:none; border:0;}
/* 상품 문의 :: 답변 :: 제품정보 */
.prd-qna-prd-info{padding:10px; border:1px solid #ddd;}
.prd-qna-prd-info .prd-img{display:inline-block; vertical-align:middle; width:80px; border:1px solid #ddd;}
.prd-qna-prd-info .prd-img img{width:100%;}
.prd-qna-prd-info .prd-name{font-size:13px; font-weight:500; margin-left:10px; color:#222; letter-spacing:-0.5px;}
/* 문의,후기 작성 */
#writeLayerPopupCon{position:relative; width:96%; max-width:660px; margin:100px auto; }
#writeLayerPopupCon > h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.write-innner-wrapper{padding:30px; background-color:#fff;}

@media all and (max-width:800px){
	/* 상품문의 답변 리스트 */
	.prd-qna-list-question-con{display:block; padding:10px 0;  text-align:left;}
	.prd-qna-list-question-con li{display:block; width:auto; padding:0;}
	.prd-qna-list-question-con .number{display:none;}
	.prd-qna-list-question-con .question-tit{width:auto; text-indent:0; margin:10px 0; padding-left:0}
	.prd-qna-list-question-con .question-tit i{margin-left:0}
	.prd-qna-list-question-con .question-writer,
	.prd-qna-list-question-con .question-date{display:inline-block; position:relative; vertical-align:middle; font-size:11px; }
	.prd-qna-list-question-con .question-date{padding-left:15px;}
	.prd-qna-list-question-con .question-date:before{position:absolute; left:7px; width:1px; height:10px; top:50%; margin-top:-5px; background-color:#ddd; content:"";}
	/* 상품 문의 :: 답변내용 */
	.prd-qna-list-answer-con{border-top:1px solid #eee; font-size:13px;}
	.prd-qna-list-answer-con .question-icon,
	.prd-qna-list-answer-con .answer-icon{float:none;}
	.prd-qna-list-answer-con .qna-list-txt{float:none; width:100%;}

	/* 문의,후기 작성 */
	#writeLayerPopupCon{margin:50px auto;}
	#writeLayerPopupCon .modal-close-btn{right:5px;}
	.write-innner-wrapper{padding:15px}
}

/* ****************************************
### Shop 장바구니, Order 페이지 공통
**************************************** */
/* shopping layout */
#mypageCon{max-width:1200px; margin:0px auto;}


/* 공통 :: 왼쪽메뉴바 */
#mypageMenu{float:left; width:200px; border:1px solid #ddd; padding:25px 15px; box-sizing:border-box; }
.mypage-menu-inner{padding:25px 10px; border-top:1px solid #eee;}
.mypage-menu-inner:first-child{padding-top:0; border-top:0}
.mypage-menu-inner:last-child{padding-bottom:0}
.mypage-menu-inner .mypage-menu-tit{color:#222; font-size:16px; font-weight:500; margin-bottom:15px;}
.mypage-menu-inner .mypage-menu li a{display:block; line-height:1.3; font-size:14px; padding:5px 0; color:#333; font-weight:300; letter-spacing:-0.5px;}
.mypage-menu-inner .mypage-menu li a:hover,
.mypage-menu-inner .mypage-menu li.on a{color:var(--main-color)}
.mypage-menu-inner .mypage-menu li.on a{font-weight:500;}

/* 공통 :: 상단 진행과정 바 */
.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:#222}
.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:28px; font-size:17px; color:#333;}

/* 공통 :: 수량 제이쿼리 ui */
.spinner-box{display:inline-block; position: relative;}
.spinner-box .ui-widget.ui-widget-content{border:0; height:31px; border-radius:0px; vertical-align:middle;}
.spinner-box .ui-spinner-input{width:40px; height: 31px;/* height:29px; */ margin:0 29px; padding:0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.spinner-box .ui-spinner a.ui-spinner-button{position:absolute; top:0px; width:29px; height:29px; border:1px solid #ddd; cursor:pointer; border-radius:0px; background-color: #fff;}
.spinner-box .ui-spinner a.ui-spinner-up{right:0px; background-image: url(/images/shop/prd_num_plus.png); background-repeat: no-repeat; /* background:url(/images/shop/prd_num_plus.png) no-repeat 50% 50% */}
.spinner-box .ui-spinner a.ui-spinner-down{left:0px; background-image:url(/images/shop/prd_num_minus.png); background-repeat: no-repeat; /* background:url(/images/shop/prd_num_minus.png) no-repeat 50% 50% */}
.spinner-box .ui-spinner a.ui-spinner-button:hover{background-color:#fff}
.spinner-box .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:25px; }
.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:18px; 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{overflow:hidden; padding:25px; margin-bottom:50px; background-color:#f2f2f2; font-size:15px; letter-spacing:-0.3px;text-align:center; color:#333; }
.order-caution-box br{display:none;}
.order-caution-box strong{}
.order-caution-box button{color:#fff; font-weight:600; display:inline-block; padding:5px 10px; font-size:16px; font-weight:400; background-color:#222; border-radius:5px; margin-top:15px; }

/* 공통 :: 리스트 없을때 */
.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.border-top{border-top:1px solid #ddd;}
.no-order-list i{display:block; color:#333; padding-bottom:30px; font-size:40px;}
.no-order-list strong{font-weight:400;}

/* 공통 :: 주문리스트,주문상세 감싸기 */
.order-prd-tbl-con{padding-bottom:50px;}

/* 공통 :: 가격 */
.prd-price{color:var(--main-color); font-weight:600;}

@media all and (max-width:1024px){
	/* shopping layout */
	#mypageMenu{}
	#mypageMenu + #shoppingCon{float:none; width:auto;}
	#shoppingCon{margin:0 auto;}

	#mypageContent{display:none;}
	.mypage-index-wrapper #mypageMenu{display:block; width:100%; float:none; padding:0; border:0}
	.mypage-index-wrapper #mypageContent{display:block;}
	.mypage-index-wrapper #shoppingCon{margin-top:0}

	/* 공통 :: 왼쪽메뉴바 */
	.mypage-menu-inner, 
	.mypage-menu-inner:first-child{padding:0; border-top:0}
	.mypage-menu-inner{margin-bottom:5%}
	.mypage-menu-inner .mypage-menu-tit{margin-bottom:10px; font-weight:bold; font-size:14px;}
	.mypage-menu-inner .mypage-menu{position:relative; border:1px solid #ddd; border-bottom:0}
	.mypage-menu-inner .mypage-menu:before{position:absolute; bottom:0px; left:0px; right:0px; height:1px; background-color:#ddd; content:"";}
	.mypage-menu-inner .mypage-menu:after{clear:both; content:""; display:block;}
	.mypage-menu-inner .mypage-menu li{float:left; width:50%;  border-bottom:1px solid #ddd; box-sizing:border-box;}
	.mypage-menu-inner .mypage-menu li:nth-child(odd){border-right:1px solid #ddd;}
	.mypage-menu-inner .mypage-menu li a{position:relative; display:table; width:100%; /*height:40px;*/height:30px; font-size:13px;}
	.mypage-menu-inner .mypage-menu li a:after{position:absolute; right:15px; top:50%; transform:translateY(-50%); font-family: 'xeicon'; content: "\e93f"; font-size:15px; color:#222;}
	.mypage-menu-inner .mypage-menu li a span{display:table-cell; vertical-align:middle; padding:0 10px}

}
@media all and (max-width:800px){
	/* 공통 :: 상단 진행과정 바 */
	.process-bar-con > ol{margin:20px auto}
	.process-bar-con > ol > li{padding:0 25px 0 32px; background-position:0 40%;  background-size:7px auto}
	.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;}
	.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; */ height: 30px; margin:0 28px}
	.spinner-box .ui-spinner a.ui-spinner-button{width:28px; height:28px;}

	/* 공통 :: 버튼 */
	.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;}
	.order-prd-list-tbl + .no-order-list{border-top:0; margin-top:-30px}
	.no-order-list i{font-size:30px; padding-bottom:20px}

	/* 공통 :: 주의사항 박스 */
	.order-caution-box{position:relative; padding:15px; text-align:left; margin-bottom:20px;}
	.order-caution-box p{font-size:13px; line-height:1.5}
	.order-caution-box br{display:block;}
	.order-caution-box button{position:absolute; top:50%; right:15px; transform:translateY(-50%); margin-top:0; font-size:13px; padding:3px 5px;}
	
	/* 공통 :: 왼쪽메뉴바 */
	.mypage-menu-inner .mypage-menu li a{font-size:12px; height:26px}
}
@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 .no-order-list{border-bottom: none;}

/* 주문리스트 :: 상품정보 */
.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-check-item input[type="checkbox"]{display:none;}
.order-check-item label{position:relative; display:inline-block; width:20px; height:20px; border:1px solid #ddd}
.order-check-item label i{position:absolute; top:0px; left:0px; display:none; font-size:20px;}
.order-check-item input[type="checkbox"]:checked + label {border-color:var(--main-color)}
.order-check-item input[type="checkbox"]:checked + label i{display:block; color:var(--main-color)}

/* 주문리스트 :: 관리 */
.order-prd-list-tbl .prd-manage-col a,
.order-prd-list-tbl .prd-manage-col button{
	display:inline-block; vertical-align:top; margin:2px; min-width:70px; height:29px; line-height:19px; padding:5px 10px; font-size:13px; color:#888; border:1px solid #888; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
	 -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}
.order-prd-list-tbl .prd-manage-col .manage-btn-style02{border-color:#000; background-color:#000; color:#fff;}

@media all and (max-width:800px){
	/* 주문리스트 리스트 */
	.order-prd-list-con{padding-bottom: 0;}
	.order-prd-list-con + .cm-btn-controls{padding-bottom: 30px;}
	.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; }
	.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.border{border-bottom:1px dotted #ddd;}
	.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:#666; font-size:13px; line-height:1.5; }
	.order-prd-list-tbl td .prd-mobile-info-box .prd-price{font-size:15px; color:#000}
	
	/* 주문리스트 :: 상품가격 및 포인트 */
	/* .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; padding-left:30px;}
	.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:0 0 30px 0; text-align:right;}
.order-select-prd-delete-con button{background-color:#fff; color:#fff; padding:7px 14px; font-size:15px; border:1px solid #999; color:#666; -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:48%; 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-list-tbl{margin-bottom: 20px;}
	/* 제품리스트 선택 삭제 (장바구니, 관심상품) */
	.order-select-prd-delete-con{padding-bottom: 20px;}
	.order-select-prd-delete-con button{font-size:13px;}

	/* 제품리스트 하단 총금액*/
	.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 dt{color:#888}
	.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;}
}

/* ******************  주문서작성 ********************** */
/* 주문서 작성 :: 비회원 주문동의 */
.nonmember-agree-con{border:1px solid #ddd; padding:20px; padding-bottom:30px; margin-bottom:50px;}
.nonmember-agree-con > h3{display:block; padding:15px 0; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px;}
.nonmember-agree-con > h3 label{font-size:18px; line-height:1.5; word-break:keep-all;}
.nonmember-agree-con .nonmember-agree-inner{margin-top:50px;}
.nonmember-agree-con .nonmember-agree-inner:first-of-type{margin-top:0}
.nonmember-agree-con .nonmember-agree-tit{color:#464646; font-size:16px; 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:500; font-size:15px; letter-spacing:-0.5px;}
.order-form-tbl .input-basic,
.order-form-tbl .select-basic{
	height:38px; 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:1px 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;}
.address-fieldset .input-basic{margin-top:5px;}
.address-fieldset .input-basic:first-of-type{margin-top:0}
/* 주문서 작성 :: 결제정보 */
.order-form-tbl .buy-price-txt{font-size:15px; color:#000;}
.order-form-tbl .order-sub-txt{margin:10px 0px 0 0; font-weight:300; 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; font-weight:300;}
.order-form-tbl .order-total-point b{color:#000}
.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-select-con{float:left; width:55%; margin-right:2%;  }
.order-payment-select-con .order-payment-list{overflow:hidden; border:1px solid #ddd; margin-bottom:20px;}
.order-payment-select-con .order-payment-list li{float:left; position:relative; width:20%;}
.order-payment-select-con .order-payment-list li label{display:block;  height:38px; padding:0 15px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #ddd; color:#222; }
.order-payment-select-con .order-payment-list li:first-child label{border-left:0}
.order-payment-select-con .order-payment-list li label strong{font-weight:400; letter-spacing:-0.5px; font-size:15px;}
.order-payment-select-con .order-payment-list li label i{position:absolute; top:50%; left:15px; margin-top:-12px; }
.order-payment-select-con .order-payment-list li label b{color:#; margin-left:3px;}
.order-payment-select-con .order-payment-list li input{display:none;}
.order-payment-select-con .order-payment-list li input:checked + label{background-color:#222; color:#fff;}
.order-payment-content{min-height:270px; border:1px solid #ddd}
.payment1-con, .payment3-con{text-align:center; color:#222; font-size:15px; padding-top:123px; letter-spacing:-0.5px; line-height:20px; word-break:keep-all; }
.payment2-con{padding:20px 5%;}
.payment-account-tbl{width:100%;}
.payment-account-tbl th,.payment-account-tbl td{color:#333; font-size:14px; font-weight:400; padding:4px 0;}
.payment-account-tbl th{width:25%; text-align:left;}
.payment-account-tbl td{width:75%;}
.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; background-color:#fff;
}
.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-account-tbl fieldset{padding:5px 0;}
.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;}
.payment-write-box{border:1px solid #f3f3f3; background-color:#f3f3f3; padding:10px; margin-top:5px;}

/* 주문서 작성 :: 최종금액 */
.order-payment-final-price-con{float:right; width:43%; }
.order-payment-final-price-con .order-payment-final-detail-price{padding:25px; background-color:#fff; border:1px solid #ddd;}
.order-payment-final-price-con dl{overflow:hidden; font-size:15px; line-height:35px; letter-spacing:-0.5px; color:#222;}
.order-payment-final-price-con dt{float:left; ;}
.order-payment-final-price-con dd{float:right;}
.order-payment-final-price-con .total-price{border-top:1px solid #ddd; font-size:20px; font-weight:500; margin-top:10px; padding-top:10px;}
.to-order-controls{position:relative; padding:20px 0; letter-spacing:-0.3px; line-height:22px; font-size:15px; color:#333; }
.to-order-controls input[type="checkbox"]{display:none;}
.to-order-controls label .check-icon{position:relative; top:-1px;display:inline-block; width:20px; height:20px; vertical-align:middle; border:1px solid #ddd; margin-right:10px;}
.to-order-controls label .check-icon i{position:absolute; top:0px; left:0px; display:none; font-size:20px;}
.to-order-controls input[type="checkbox"]:checked + label .check-icon{border-color:var(--main-color)}
.to-order-controls input[type="checkbox"]:checked + label .check-icon i{display:block; color:var(--main-color)}
.to-order-agree-txt{font-size:15px; letter-spacing:-0.5px; font-weight:400; color:#222}
.to-order-btn{width:100%; height:55px; background-color:#222; font-size:20px; color:#fff; }

@media all and (max-width:1024px){
	/* 주문서 작성 :: 결제방법선택 */
	.order-payment-select-con{float:none; width:auto; margin-bottom:20px; margin-right:0}
	.order-payment-content{min-height:auto;}
	.payment1-con, .payment3-con{padding:40px 0;}
	/* 주문서 작성 :: 최종금액 */
	.order-payment-final-price-con{float:none; width:auto; height:auto;}
}
@media all and (max-width:800px){
	/* 주문서 작성 :: 비회원 주문동의 */
	.nonmember-agree-con{padding:10px; padding-bottom:15px;}
	.nonmember-agree-con > h3 label{font-size:15px;}
	.nonmember-agree-con .nonmember-agree-inner{margin-top:25px;}
	.nonmember-agree-con .nonmember-agree-tit{font-size:14px; }
	.nonmember-agree-con .nonmember-agree-sub-tit{font-size:11px;}
	.nonmember-agree-txt{height:80px}
	/* 주문서 작성 :: 작성폼*/
	.order-form-tbl colgroup{display:none;}
	.order-form-tbl th{width:60px; font-size:13px;}
	.order-form-tbl td{padding-right:0}
	.order-prd-tbl-con .delivery-same-btn{padding:4px 10px; font-size:13px;}
	.order-form-tbl .hypen{width:12px; display:inline-block; vertical-align:middle; margin:0 3px; text-align:center;}
	/* 주문서 작성 :: 작성폼 :: 기타 */
	.phone-fieldset .input-basic,
    .phone-fieldset .select-basic{width:calc(33.33% - 18px) !important;}
	.email-fieldset .input-basic{width:calc(50% - 14px) !important;}
	.email-fieldset .select-basic{width:100% !important; margin-top:5px;}
	.address-fieldset .join-sub-btn{min-width:auto; font-size:12px; margin-left:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
	.order-form-tbl .order-total-point{display:block; margin:5px 0 0 0}
	/* 주문서 작성 :: 결제정보 */
	.order-form-tbl .point-use-form{position:relative;}
	.order-form-tbl .point-use-form .input-basic{width:40% !important;}
	.order-form-tbl .my-point-check{position:absolute; top:0px; right:0px;;display:block; max-width:80px; margin-top:10px;}
	.order-form-tbl .order-total-point{line-height:40px; display:inline-block;}
	/* 주문서 작성 :: 결제방법선택 */
	.payment1-con, .payment3-con{font-size:13px;}
	.order-payment-select-con .order-payment-list li label{padding:0 5px; text-align:center;}
	.order-payment-select-con .order-payment-list li label strong{font-size:13px;}
	.order-payment-select-con .order-payment-list li label i{display:none;}
	.order-payment-final-price-con .order-payment-final-detail-price{padding:20px 15px;}
	.order-payment-final-price-con dl{font-size:13px; }
	.order-payment-final-price-con .total-price{font-size:15px;}
	.to-order-controls{font-size:14px;}
	.to-order-btn{height:44px; font-size:17px;}
}

/* -------- 주문완료 페이지-------- */
#orderComplete{padding:60px 0; text-align:center; }
.order-finish-txt{margin-bottom:50px; color:#222; 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; line-height:1.5}
.order-finish-txt span b{color:#222; font-weight:500;}
.order-finish-txt span br{display:none;}
.order-num-box{width:90%; max-width: 500px; margin:0px auto;  padding:30px 5%; background-color:#f2f2f2; font-size:13px; text-align:center; margin-bottom:50px;}
.order-num-box dt,.order-num-box dd{display:inline-block;  font-size:18px;  }
.order-num-box dt{color:#888; margin-right:15px;}
.order-num-box dd{color:#000; font-weight:600;}
@media all and (max-width:800px){
	#orderComplete{padding:30px 0;}
	.order-finish-txt{font-size:20px; margin-bottom:25px;}
	.order-finish-txt span br{display:block;}
	.order-num-box{margin-bottom:25px;}
	.order-num-box dt,.order-num-box dd{font-size:15px;  }
}

/* ******************  마이페이지 ********************** */
/* -------- 마이페이지 상단 -------- */
/* 마이페이지 상단 :: 문구 */
#mypageTopCon{padding:25px 0; background-color:#222; text-align:center; margin-bottom:20px;}
#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;}
/* 마이페이지 상단 :: 문구 2 */
#mypageTopCon2{padding:30px 45px; text-align:center; background:#f3f3f3; margin-bottom:20px;}
#mypageTopCon2 .mypage-tit{float:left; color:#333; font-size:18px; font-weight:300; letter-spacing:-0.5px; line-height:28px}
#mypageTopCon2 .mypage-tit .my-grade{display:inline-block; padding:0 5px; line-height:20px; background-color:#b3256f; border-radius:2px; color:#fff; font-size:13px;}
#mypageTopCon2 .mypage-tit p{display:inline-block; vertical-align:middle;}
#mypageTopCon2 .mypage-tit b{color:#000; font-weight:500; }
#mypageTopCon2 .mypage-tit i{font-size:22px; vertical-align:middle; margin-right:5px; position:relative; top:-1px; color:var(--main-color)}
#mypageTopCon2 .mypage-state-con{float:right;}
#mypageTopCon2 .mypage-state-con dl{float:left; margin-left:44px}
#mypageTopCon2 .mypage-state-con dl:first-child{margin-left:0}
#mypageTopCon2 .mypage-state-con dt,
#mypageTopCon2 .mypage-state-con dd{display:inline-block; color:#333;}
#mypageTopCon2 .mypage-state-con dt{font-size:16px; font-weight:500; letter-spacing:-0.5px; margin-right:10px; line-height:28px}
#mypageTopCon2 .mypage-state-con .num{display:inline-block; background-color:#717171; color:#fff; padding:7px 15px; border-radius:20px;}
#mypageTopCon2 p br{display:none;}

/* 마이페이지 상단 :: 주문처리 현황 */
#mypageOrderState{border:2px solid #ddd; margin-bottom:45px; background-color:#fff;}
#mypageOrderState h4{border-bottom:1px solid #ddd; padding:14px 0; text-align:center; font-size:17px; letter-spacing:-0.5px; 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:var(--main-color);}

/* 마이페이지 상단 :: 메뉴 */
.mypage-menu-list{margin-bottom:80px;}
.mypage-menu-list ul{text-align:center;margin-right:-5px}
.mypage-menu-list ul li{width:16.67%; position:relative; float:left; margin-left:-1px; margin-top:-1px;}
.mypage-menu-list ul li:first-child{width:16.65%}
.mypage-menu-list ul li a{position:relative; display:block; height:42px; line-height:42px; color:#333; 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:var(--main-color); color:#fff; border-color:var(--main-color);}
.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;}
	/* 마이페이지 상단 :: 문구2 */
	#mypageTopCon2{padding:15px; padding-bottom:50px; margin:0 -15px}
	#mypageTopCon2 .mypage-tit{font-size:15px; line-height:1.5; float:none; text-align:left; margin-bottom:10px;}
	#mypageTopCon2 .mypage-tit .my-grade{line-height:15px; font-size:11px; margin-bottom:5px;}
	#mypageTopCon2 .mypage-tit p{display:block;}
	#mypageTopCon2 .mypage-tit br{display:block;}
	#mypageTopCon2 .mypage-tit i{font-size:16px; position:relative; top:-1px; margin-right:3px;}
	#mypageTopCon2 .mypage-state-con{float:none; text-align:center; overflow:hidden; padding:5px; background-color:#fff; border:1px solid #ddd;}
	#mypageTopCon2 .mypage-state-con dl{float:none; display:inline-block; margin-left:10px}
	#mypageTopCon2 .mypage-state-con dt{font-size:11px; margin-right:4px;}
	#mypageTopCon2 .mypage-state-con .num{padding:3px 7px; border-radius:5px; font-size:11px}
	/* 마이페이지 상단 :: 주문처리 현황 */
	#mypageOrderState{margin:-70px 0px 20px; border:0; }
	#mypageTopCon2 + #mypageOrderState{margin-top:-40px; border:1px solid #ddd}
	#mypageOrderState h4{border-bottom:0; padding:16px 0 0 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-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 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;} */


/* -------- 마이페이지 :: 주문조회 리스트 -------- */
.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:#000; 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;}
.shop-list-tbl-responsive td .order-manage-controls{margin:0 -2px}
.shop-list-tbl-responsive td .order-manage-btn{display:inline-block; height:26px; line-height:24px; font-size:12px; 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;}
@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;}
}


/* -------- 마이페이지 :: 주문 상세보기(+주문서확인폼) -------- */
.order-prd-view-tbl{width:100%; border-top:1px solid #333;}
.order-prd-view-tbl th,.order-prd-view-tbl td{padding:16px 20px; color:#222; border-bottom:1px solid #ddd; line-height:24px; font-size:15px; letter-spacing:-0.3px;}
.order-prd-view-tbl th{width:150px; font-weight:500; letter-spacing:-0.5px; text-align:left; vertical-align:top; }
.order-prd-view-tbl td{}
.order-prd-view-tbl td .price{font-size:18px; color:#000; font-weight:600;}
@media all and (max-width:800px){
	.order-prd-view-tbl th,.order-prd-view-tbl td{padding:10px; font-size:13px; }
	.order-prd-view-tbl th{width:80px; color:#888; font-weight:400;}
}

/* -------- 마이페이지 :: 적립금 -------- */
/* 적립금 리스트 */
#myPointStateCon{margin-bottom:50px;}
.my-point-state-con{overflow:hidden; border:1px solid #ddd; padding:30px 0; }
.my-point-state{}
.my-point-state-con dl{float:left; position:relative; width:33.33%; overflow:hidden; text-align:center; margin:0px auto; padding:10px 0; font-size:15px; letter-spacing:-0.3px;}
.my-point-state-con dl:before{position:absolute; top:10px; left:0; bottom:10px; width:1px; content:""; background-color:#eee;}
.my-point-state-con dl:first-child:before{display:none;}
.my-point-state-con dl dt{color:#888; margin-bottom:15px;}
.my-point-state-con dl dd{color:#444; font-size:18px;}
.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;}
@media all and (max-width:800px){
	.my-point-state-con{padding:20px 0;}
	.my-point-state-con dl{font-size:12px;}
	.my-point-state-con dl dd{font-size:14px;}
	.order-prd-list-tbl .prd-block-col{text-align:left; border-bottom:0}
	.order-prd-list-tbl .point-item{position:relative; padding:5px 0; padding-right:100px;}
	.order-prd-list-tbl .point-item td{padding:5px 10px;}
	.order-prd-list-tbl .point-item .prd-point-col{position:absolute; top:50%; right:0px; width:100px; text-align:right; transform:translateY(-50%)}
}

/* -------- 마이페이지 :: 쿠폰(들어갈때만 사용) -------- */
/* 쿠폰 탭 */
.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: #222;}
.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-list-tbl td .coupon-info-box dd b{color:#222; font-size:16px; color:var(--main-color)}
.coupon-down-btn{display:inline-block; border:1px solid #222; background-color:#222; color:#fff; font-size:13px; letter-spacing:-0.25px; font-weight:400; padding:5px 10px; }
.coupon-down-btn i{position:relative; top:1px;}
/* 쿠폰 리스트 :: 기간만료 */
.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,
	.coupon-list-tbl tbody{display: block;}
	.coupon-list-tbl colgroup,
	.coupon-list-tbl thead{display:none;}
	.coupon-list-tbl tr{display:block; position:relative; border-bottom:1px solid #ddd; min-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{line-height:1.5}
	.coupon-list-tbl td .coupon-info-box{margin:0px 0 10px}
	.coupon-list-tbl td dl dt{font-size:14px; margin:0}
	.coupon-list-tbl td dl dd{font-size:12px;}
	.coupon-list-tbl .coupon-down-col{position:absolute; top:70%; left:0;}
	.coupon-down-btn{width:167px; padding:5px 0; text-align:center; font-size:11px;}
}
@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;}
	.coupon-list-tbl .coupon-down-col{position:static; margin-top:10px}
}

/* 쿠폰 등록 */
#couponRegisterContent{text-align:center; padding:30px 0; background-color:#fff;}
#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{max-width:340px; 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;}
}

/* ******************  Modal 팝업 입력창(환불하기) ********************** */
#memberModalBox{position:relative; max-width:640px; margin:100px auto;}
#memberModalBox .form-tit{color:#fff;}
#memberModalBox .modal-close-btn{top:-10px;}
.member-modal-con{padding:30px 20px; background-color:#fff;}
.form-change-txt-box{font-size: 13.5px; letter-spacing: -0.5px; text-align: center;color: #aaa; margin-top:30px;}
/* -------- 교환,취소, 환불하기 -------- */
.form-order-change-box li{margin-bottom:15px;}
.form-order-change-box li .form-order-tit{display:block; position:relative;  margin-bottom:10px; font-weight:400; color:#222; font-size:15px; letter-spacing:-0.5px;}
.form-order-change-box li .form-order-tit i{position:relative; top:2px; font-size:18px; margin-right:5px;}
.form-order-change-box li .form-order-tit span{font-size:12px; color:#aaa; margin-left:10px;}
.form-order-change-box li select,
.form-order-change-box li .change-input,
.form-order-change-box li textarea{height:40px; width:100%; border:1px solid #ddd; text-indent:5px; font-size:13px; padding:5px; background-color:#fff; letter-spacing:-0.2px;}
.form-order-change-box li .change-input{margin-bottom:3px;}
.form-order-change-box li textarea{height:100px; resize:none;}
.form-order-change-box .order-prd-list-tbl td{padding:4px 5px;}
.form-order-change-box .order-prd-list-tbl td.prd-info-col .prd-thumb{width:55px;}
.form-order-change-box .order-prd-list-tbl td.prd-info-col .prd-info-box{padding-top:0;}
.form-order-change-box .order-prd-list-tbl td.prd-info-col .order-prd-tit{font-size:13px;}

/* -------- 세금계산서 신청 -------- */
.tax-bill-write-con .join-form-tbl th, .tax-bill-write-con .join-form-tbl td{padding:5px 0;}
.tax-bill-write-con .join-form-tbl th{font-size:13px;}
.tax-bill-write-con .join-form-tbl th:nth-of-type(2){padding-left:10px}

@media all and (max-width: 800px){
	#memberModalBox{margin: 50px 15px;}
	.order-check-item label {width: 15px; height: 15px;}
	.order-check-item label i {top: -1px; left: -1px; font-size: 18px;}
}



/* -------- 마이페이지 :: 인덱스페이지 -------- */
.mypage-index #mypageContent{display:block}
.order-prd-con-tit-box .order-more-btn{float:right; font-weight:400; font-size:14px; color:#333; letter-spacing:-0.5px; position:relative; margin-top:10px}
.order-prd-con-tit-box .order-more-btn:after{position:absolute; content:""; width:100%; height:1px; background-color:#333; bottom:-6px; left:0}
.mypage-index .shop-list-con + .shop-list-con{margin-top:50px}
.mypage-wrap #shoppingCon{float:right; width:calc(100% - 220px);}

@media all and (max-width: 1024px){	
	.mypage-index #mypageContent{display:block}
	.mypage-index #shoppingCon{display:none}
	.mypage-wrap #shoppingCon{float:none; width:100%}
	#mypageMenu{margin: 0 0 30px; float:none; width:100%; padding:0; border:0}
}


/* -------- 마이페이지 :: 인덱스가 아닌페이지에서 상단 정보 숨기기 -------- */
#mypageContent{display:none}