@charset "utf-8";

/* *******************************************************

 * filename : order.css

 * description : 장바구니, 주문리스트, 주문폼작성 등 주문에 관련된  CSS

 * date : 2017-05-29

******************************************************** */



/* ******************  SHOP 공통 ********************** */

@import url('https://fonts.googleapis.com/css?family=Rubik');



/* 공통 :: 체크박스  */

.custom-checkbox .checkbox-item{display:inline-block; vertical-align:middle; margin-left:10px; }

.custom-checkbox .checkbox-item:first-child{margin-left:0;}

.custom-checkbox .checkbox-item input[type="checkbox"],

.custom-checkbox .checkbox-item input[type="radio"]{display:none;}

.custom-checkbox .checkbox-item label{display:inline-block; position:relative; min-height:20px; color:#aaa; font-size:15px; line-height:20px; letter-spacing:-0.3px; padding-left:27px; }

.custom-checkbox .checkbox-item label:before{content:""; position:absolute; top:0px; left:0px; width:18px; height:18px; border:1px solid #ddd; background-color:#fff;}

.custom-checkbox .checkbox-item input[type="radio"] + label:before{-webkit-border-radius:;-moz-border-radius:;-o-border-radius:;border-radius:50%;}

.custom-checkbox .checkbox-item label i{position:absolute; top:0px; left:0px; width:20px; height:20px; line-height:20px; font-size:18px; display:none;}    

.custom-checkbox .checkbox-item input[type="checkbox"]:checked + label,

.custom-checkbox .checkbox-item input[type="radio"]:checked + label{color:#1f2f46}

.custom-checkbox .checkbox-item input[type="checkbox"]:checked + label:before,

.custom-checkbox .checkbox-item input[type="radio"]:checked + label:before{background-color:#1f2f46; border-color:#1f2f46}

.custom-checkbox .checkbox-item input[type="checkbox"]:checked + label i,

.custom-checkbox .checkbox-item input[type="radio"]:checked + label i{display:block; color:#fff;}





/* 공통 :: 상단 진행과정 바 */

.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:28px; font-size:17px; color:#333;}



/* 공통 :: 타이틀 */

.order-prd-con-tit{color:#222; font-size:20px; letter-spacing:-0.5px; font-weight:400; padding-bottom:18px; border-bottom:1px solid #222; margin-bottom:20px}

.order-prd-con-tit.marb0{margin-bottom:0;}

.order-prd-con-tit strong{float:left; font-weight:400; line-height:40px;}



/* 공통 :: spinner custom */

.spinner-box{display:inline-block; }

.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:27px; 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;}

.spinner-box .ui-spinner a.ui-spinner-up{right:0px; background:url(/images/shop/prd_num_plus.png) no-repeat 50% 50%}

.spinner-box .ui-spinner a.ui-spinner-down{left:0px; 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-btn-controls{text-align:center; padding-top:30px;}

.order-btn-controls button,.order-btn-controls a{display:inline-block; width:300px; height:55px; font-size:17px; color:#fff; text-align:center; vertical-align:middle; background-color:#ccc; border-color:#ddd; -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:55px;}

.order-btn-controls.two-btns button,.order-btn-controls.two-btns a{width:47%; margin:0 1%; max-width:400px; }

.order-btn-controls.three-btns button,.order-btn-controls.three-btns a{width:30%; margin:0 0.5%; max-width:400px; }

.order-btn-controls .btn-style01{background-color:#023793; }

.order-btn-controls .btn-style02{background-color:#666;}

.order-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #ddd; color:#222;}



/* 공통 :: 주의사항 박스 */

.order-caution-box{padding:25px 0; margin-bottom:50px; background-color:#f2f2f2; font-size:16px; line-height:1.5; letter-spacing:-0.5px;text-align:center; color:#666; }

.order-caution-box strong{color:#000; font-weight:500;}



@media all and (max-width:800px){

	/* 공통 :: 상단 진행과정 바 */

	.process-bar-con > ol > li{padding:0 25px 0 32px; background-position:0 40%}

	.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:16px; line-height:24px; margin-bottom:20px; padding-bottom:10px; } 

	/* 공통 :: 수량 제이쿼리 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;}

}



/* *********************************************************  

### 상품페이지

********************************************************** */

/* ******************   게시판 :: 상품 리뷰(상품뷰페이지)  ********************** */

.prd-review-list-box{}

.prd-review-list-box .review-row-con{border-bottom:1px solid #ddd; }

.prd-review-list-box .review-row-con .prd-review-list-tit-con{display:table; width:100%; table-layout:fixed; padding:15px 0;}

.prd-review-list-box .review-row-con .prd-review-writer-info,

.prd-review-list-box .review-row-con .prd-review-day-info{display:table-cell; vertical-align:middle; width:15%;color:#333; font-size:14px; text-align:center;}

.prd-review-list-box .review-row-con .prd-review-subject-con{display:table-cell; vertical-align:middle;  width:70%; text-align:left;}

.prd-review-list-tit-con .prd-review-star-grade-con{margin-bottom:10px; color:#ff8942; font-size:16px;}

.prd-review-list-tit-con .prd-review-simple-tit-box{display:block; position:relative; padding-right:70px; font-size:14px;}

.prd-review-list-tit-con .prd-review-simple-tit{display:inline-block; position:relative; max-width:100%;}

.prd-review-list-tit-con .prd-review-simple-tit span{width:100%; vertical-align:middle; white-space:nowrap; display:inline-block; overflow:hidden; text-overflow:ellipsis;}

.prd-review-list-tit-con .prd-review-simple-tit .prd-review-icons{position:absolute; left:100%; top:50%; width:60px; margin-top:-9px}

.prd-review-list-tit-con .prd-review-simple-tit .prd-review-icons i{vertical-align:middle; width:20px; margin-left:3px; font-size:18px; color:#aaa;}

.prd-review-list-tit-con .prd-review-simple-tit .prd-review-icons .xi-new{color:#ff8a00; position:relative; top:0px;}

.prd-review-list-inner-con{display:none; border-top:1px dotted #ddd; padding:15px 0;}

.prd-review-list-inner-con .prd-review-list-inner-txt{line-height:1.3; font-size:14px; }

.prd-review-list-inner-con .prd-review-list-inner-img-con .prd-review-img{margin-top:10px}

.prd-review-list-inner-con .prd-review-list-inner-img-con .prd-review-img img{max-width:100%;}



/* ******************   게시판 :: 상품 문의폼(상품뷰페이지)  ********************** */

/* 상품문의 답변 리스트 */

.prd-qna-list-tbl{width:100%;}

.prd-qna-list-tbl th{padding:15px 0; font-size:15px; font-weight:500; border-top:1px solid #333;  border-bottom:1px solid #ddd;}

.prd-qna-list-box{border-top:1px solid #333; }

.prd-qna-list-thead{display:table; width:100%;  border-bottom:1px solid #ddd;}

.prd-qna-list-thead span{display:table-cell; padding:15px 0; font-size:15px; font-weight:500; text-align:center;}

.prd-qna-list-box .inquiry-row-con{width:100%; border-bottom:1px solid #eee;}

.prd-qna-list-question-con{display:table; width:100%;table-layout:fixed;  }

.prd-qna-list-question-inner{display:table-row;}

.prd-qna-list-question-con li{display:table-cell; width:15%; line-height:18px; padding:15px 0; text-align:center; font-size:13px; color:#444;}

.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;}

.prd-qna-list-question-con .question-tit a{display:block; position:relative; padding-right:70px; font-size:14px;}

.prd-qna-list-question-con .question-tit .question-tit-con{display:inline-block; position:relative; max-width:100%;}

.prd-qna-list-question-con .question-tit span{width:100%; vertical-align:middle; white-space:nowrap; display:inline-block; overflow:hidden; text-overflow:ellipsis;}

.prd-qna-list-question-con .question-tit a .question-icons{position:absolute; left:100%; top:50%; width:60px; margin-top:-11px}

.prd-qna-list-question-con .question-tit i{vertical-align:middle; width:20px; margin-left:3px; font-size:18px; color:#aaa;}

.prd-qna-list-question-con .question-tit .xi-new{color:#ff8a00; position:relative; top:1px;}

/* 상품 문의 :: 답변내용 */

.prd-qna-list-answer-con{display:none; padding:0 2%; text-align:left; background-color:#f9f9f9; font-size:14px; line-height:20px;}

.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:80%; width:calc(100% - 40px )}

.qna-question-controls{clear:both; text-align:right; padding-top:10px;}

.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:20px; text-align:center; color:#fff; font-size:11px; font-weight:400; margin-bottom:10px; margin-right:20px;

	-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;

}

.prd-qna-list-answer-con .question-icon{background-color:#333;  }

.prd-qna-list-answer-con .answer-icon{background-color:#ce090a; }

.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;}



/* ******************   게시판 :: 상품 문의, 리뷰 글쓰기(상품뷰페이지)  ********************** */

#productWriteContent{max-width:800px; width:96%; position:relative; margin:0px auto; border:1px solid #1b1b1b; background-color:#fff; 

	box-shadow:-8px -10px 9px rgba(0, 0, 0, 0.27), 7px 7px 9px rgba(0, 0, 0, 0.27)

}

.prd-detail-write-wrapper{padding:70px 50px 50px;}

.prd-detail-write-wrapper h1{position:relative; color:#1b1b1b; font-size:20px; font-weight:600; letter-spacing:-0.75px; border-bottom:1px solid #1b1b1b; padding-bottom:10px; margin-bottom:15px;}

/* 리뷰 별점선택 */

.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;}

/* 리뷰 제품리스트 */

.review-prd-name-box .review-prd-photo-box{display:inline-block; width:100px; 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;}



/* *********************************************************   

### 마이페이지

********************************************************** */



/* ******************  제품 기본 리스트 ********************** */

.order-prd-list-con{margin-bottom:35px;}

.shop-prd-item-list{margin-bottom:35px;}

.shop-prd-item{position:relative; border-bottom:1px solid #ddd; padding:18px 0 18px 65px;  }

.shop-prd-item:first-child{border-top:1px solid #ddd;}

.shop-prd-item .shop-check-box{position:absolute; top:50%; left:0px; width:65px; text-align:center; margin-top:-10px;}

.shop-prd-item .shop-prd-item-inner{width:100%;}

.shop-prd-item .shop-prd-item-thumb{display:inline-block; width:114px; vertical-align:middle;}

.shop-prd-item .shop-prd-item-thumb a{display:block; padding:0 7px; text-align:center;}

.shop-prd-item .shop-prd-item-thumb a img{max-width:100px; max-height:120px;}

.shop-prd-item .shop-prd-item-info-box{display:inline-block; width:895px; padding-left:20px; width:calc(100% - 140px); vertical-align:middle;}

.shop-prd-item .shop-prd-item-subject{margin-right:120px; margin-bottom:20px;}

.shop-prd-item .shop-prd-item-name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:28px; margin-bottom:10px;}

.shop-prd-item .shop-prd-item-price{color:#333; font-size:15px; font-weight:600; }

.shop-prd-item .shop-prd-item-order-info{margin-bottom:10px;}

.shop-prd-item .shop-prd-item-order-info dl{overflow:hidden; line-height:24px; }

.shop-prd-item .shop-prd-item-order-info dl dt,

.shop-prd-item .shop-prd-item-order-info dl dd{float:left; color:#888; font-size:13.5px; letter-spacing:-0.5px;}

.shop-prd-item .shop-prd-item-order-info dl dt{margin-right:10px;}

.shop-prd-item .shop-prd-item-controls .shop-prd-btn{display:inline-block; vertical-align:middle; text-align:center; /* height:40px; */ height:32px; min-width:78px; padding:0 10px; margin-left:6px; border:1px solid #ddd; background-color:#eee; color:#222;font-size:13.5px;}

.shop-prd-item .shop-prd-item-controls .button-style01{background-color:#023793; border-color:#023793; color:#fff;}

.shop-prd-item .shop-prd-item-controls a.shop-prd-btn{height:30px; line-height:30px; }

.shop-prd-item .shop-prd-item-controls .shop-prd-btn:first-child{margin-left:0}

.shop-prd-item .shop-prd-item-left-controls{float:left;}

.shop-prd-item .shop-prd-item-right-controls{float:right;}

.shop-prd-item .shop-prd-item-right-controls .shop-prd-order-btn{width:120px; background-color:#023793; border-color:#023793; color:#fff; font-size:15px;}

.shop-prd-item .shop-prd-delete-btn{position:absolute; top:25px;right:0px; }

.shop-prd-item .shop-prd-delete-btn i{font-size:24px; color:#333;}

/* Check박스, Delete 없는 리스트 */

.no-checkbox-item-list .shop-prd-item{padding-left:0}

.no-checkbox-item-list .shop-prd-item .shop-prd-item-subject{margin-right:160px;}

.no-checkbox-item-list .shop-prd-item .shop-prd-item-price{position:absolute; top:50%; right:0px; width:140px; font-size:20px; margin-top:-10px;}

/* 리스트 없을때 */

.no-order-list{display:block; text-align:center; padding:100px 0; font-size:17px; font-weight:400; border-top:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.5px; margin-bottom:20px; }

.no-order-list i{display:block; color:#333; padding-bottom:30px; font-size:40px;}

.no-order-list strong{font-weight:400;}



/* ******************  장바구니 ********************** */

/* 장바구니 삭제 (장바구니) */

.order-select-prd-delete-con{padding:0 0 20px 0;}

.order-select-prd-delete-con button{height:40px; padding:0 10px; margin-left:6px; border:1px solid #ddd; background-color:#eee; color:#222; vertical-align:middle; font-size:13.5px;}

.order-select-prd-delete-con button:first-child{margin-left:0;}

.order-select-prd-delete-con button i{display:inline-block; position:relative; padding-right:22px; }

.order-select-prd-delete-con button i:after{position:absolute; top:50%; right:13px; width:1px; height:13px; background-color:#fff; content:""; opacity:0.2;filter:Alpha(opacity=20); margin-top:-7px;}

.order-select-prd-delete-con .all-prd-delete-btn{color:#fff; background-color:#023793; border-color:#023793}



/* 장바구니 리스트 하단 총금액*/

.order-prd-total-price-con{padding:25px; background-color:#f3f3f3; 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;}



/* ******************  적립금 ********************** */

#myPointStateCon{margin-bottom:50px;}

.my-point-state-con{overflow:hidden; border:1px solid #ddd; padding:20px 15px;}

.my-point-state{display:inline-block; vertical-align:middle; 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{display:inline-block; vertical-align:middle;; width:46%; padding:0 2%; color:#828282; font-weight:400; font-size:13px; letter-spacing:-0.5px; line-height:23px; font-size:13px;  letter-spacing:-0.5px; word-break:keep-all;}

.plus-point{color:#2036a7; font-weight:600;}

.minus-point{color:#ff1111; font-weight:600;}

.point-list-tbl{width:100%;}

.point-list-tbl th,

.point-list-tbl td{padding:18px 10px; color:#222; font-size:15px; font-weight:400; }

.point-list-tbl th{border-bottom:1px solid #333;}

.point-list-tbl td{border-bottom:1px solid #ddd; text-align:center; font-family:'Rubik','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

.point-list-tbl a{display:inline-block; padding:5px 10px; background-color:#023793; font-size:13px; color:#fff;}



/* ******************  쿠폰 (들어갈때만 사용) ********************** */

/* 쿠폰 탭 */

.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: #c51d1e;}

.coupon-tab-list > ul > li.selected > a{ color:#fff;}



/* 쿠폰 리스트 */

.coupon-list-tbl{width:100%;}

.coupon-list-tbl th{border-top:1px solid #333; 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:inline-block; width:100px; height:50px; background:url(/images/shop/coupon_bg.png) no-repeat}

.coupon-list-tbl td .coupon-img-box .percent-num{position:absolute; top:12px; left:5px; width:40px;  color:#1b1b1b; font-size:24px; letter-spacing:-1px; text-align:center; font-weight:300;}

.coupon-list-tbl td .coupon-info-box{text-align:left;}

.coupon-list-tbl td .coupon-info-box dt{color:#1b1b1b; font-size:18px; letter-spacing:-0.75px; font-weight:500; margin-bottom:10px;}

.coupon-list-tbl td .coupon-info-box span{display:inline-block;}

.coupon-list-tbl td p{margin-bottom:5px}

.coupon-list-tbl .table-blind-txt{display:none;}

.coupon-down-btn{display:inline-block; width:128px; height:40px; line-height:40px; border:3px solid #c51d1e; color:#c51d1e; 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;}

/* 쿠폰 등록 */

#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:300; color:#c51d1e;}

#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; }



/* *********************************************************  

### 주문 관련

********************************************************** */



/* ******************  주문폼작성 ********************** */

/* 비회원 주문동의 */

.nonmember-agree-con{position:relative; margin-bottom:50px;}

.nonmember-agree-con h4{color:#464646; font-size:20px; letter-spacing:-0.3px; font-weight:500; padding:20px 0; margin-bottom:0; letter-spacing:-0.5px; margin-right:50px; word-break:keep-all;}

.nonmember-agree-con br{display:none;}

.nonmember-agree-txt{border:1px solid #ddd; height:150px; overflow-y:auto; padding:20px 2%; background-color:#f2f2f2;}



/* 주문서 작성 */

.order-prd-write-con{position:relative;}

.order-prd-write-con .essential-txt{position:absolute; top:3px; right:0px; font-size:11px; line-height:20px; font-family:"돋움", dotum, sans-serif;}

.order-prd-tbl-con{position:relative;}

.order-prd-tbl-con .delivery-same-btn{float:right; height:40px; padding:0 20px 0 10px; border:1px solid #023793; background-color:#023793; color:#fff; vertical-align:middle; font-size:13.5px;}

.order-prd-tbl-con .delivery-same-btn i{display:inline-block; position:relative; padding-right:22px; }

.order-prd-tbl-con .delivery-same-btn i:after{position:absolute; top:50%; right:13px; width:1px; height:13px; background-color:#fff; content:""; opacity:0.2;filter:Alpha(opacity=20); margin-top:-7px;}

.order-form-tbl{width:100%; max-width:880px; }

.order-form-tbl th,.order-form-tbl td{padding:6px 10px; font-family:'Rubik','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

.order-form-tbl th{width:130px; text-align:left; color:#464646; font-weight:400; font-size:15px; letter-spacing:-0.5px; text-indent:30px;}

.order-form-tbl th .essential-icon{margin-left: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:#f58020}

.order-form-tbl .my-point-check{display:inline-block; background-color:#023793; padding:8px 10px; color:#fff;}

.order-form-tbl .text-right{text-align:right; padding-right:10px;}

.order-form-tbl .input-basic{color:#333; font-family:'Rubik','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

.order-form-tbl .order-prd-total-price{border:0}



/* 결제수단 선택 */

.order-payment-form{overflow:hidden; padding-top:20px;}



/* 결제수단 :: 결제방법선택 */

.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:50%;}

.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 input{display:none;}

.order-payment-select-con .order-payment-list li input:checked + label{background-color:#023793; color:#fff;}

.order-payment-content{min-height:266px; border:1px solid #ddd}

.payment1-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:10px 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:40px;

}

.payment-account-tbl .payment-select{width:80%; height:42px;}

.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:43%; }

.order-payment-final-price-con .order-payment-final-detail-price{padding:25px; background-color:#f3f3f3; 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{font-size:20px; font-weight:600; }

.to-order-controls{position:relative; padding:25px 0 0 0; letter-spacing:-0.3px;}

.to-order-agree-txt{font-size:15px; letter-spacing:-0.5px; font-weight:400; color:#222}

.to-order-controls .to-order-btn{width:100%; height:55px; border:2px solid #023793; background-color:#023793; font-size:20px; color:#fff; margin-top:20px;}



/* ******************  주문 내역보기 ********************** */

/* 주문조회 상단 */

.shop-caution-txt{float:left; color:#656565; font-weight:400; margin-bottom:17px; line-height:40px;}

.shop-caution-txt strong{color:#231916;}

.order-list-term-search{float:right; overflow:hidden; margin-bottom:20px; text-align:right; width:80%;}

.order-list-term-search select{width:49%; border:1px solid #ccc; width:49%; height:40px; max-width:150px; background-color:#fff;}



/* ******************  주문 상세보기 ********************** */

.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:16px 2%; 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{}





/* ******************  주문완료 페이지 ********************** */

#orderComplete{padding:60px 0; text-align:center; border:1px solid #ddd;}

.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:15px; display:block; line-height:1.5}

.order-finish-txt span br{display:none;}

.order-num-box{width:90%; max-width: 500px; margin:0px auto;  padding:30px 5%; border:1px 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:#f58020}



/* ******************  주문 취소/교환/환불하기 ********************** */

.form-order-change-box{margin-bottom:30px;}

.form-order-change-box li{margin-bottom:15px;}

.order-change-form, .order-refund-form{display:none;}

.form-order-change-box li .form-order-tit{display:block; position:relative; padding-left:15px; 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:absolute; top:-5px; left:-7px;}

.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 input,

.form-order-change-box li textarea{height:40px; width:100%; border:1px solid #ddd; text-indent:5px; font-size:15px;  background-color:#fff; letter-spacing:-0.2px;}

.form-order-change-box li input{margin-bottom:3px;}

.form-order-change-box li textarea{width:98.7%; height:100px; resize:none;}

.form-change-txt-box{display:none; font-size: 13.5px; letter-spacing: -0.5px; text-align: center;color: #aaa;}



/*

.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:#363636; text-align:center; }

#mypageTopCon p{color:#fff; font-size:18px; font-weight:300; letter-spacing:-0.5px;}

#mypageTopCon p strong{color:#fff; font-weight:400; font-size:20px;}

#mypageTopCon p br{display:none;}



/* 마이페이지 상단 :: 주문처리 현황 */

#mypageOrderState{padding:45px 0; border-bottom:1px solid #ddd; margin-bottom:40px; }

#mypageOrderState h4{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:14px 0 ; margin-bottom:30px; text-align:center; font-size:17px; color:#333; font-weight:500; }

#mypageOrderState .my-order-state-list{overflow:hidden; margin:0px auto; }

#mypageOrderState .my-order-state-list li{float:left; width:20%; text-align:center;}

#mypageOrderState .my-order-state-list li dl{ position:relative; padding-top:42px; }

#mypageOrderState .my-order-state-list li dl:before{position:absolute; top:50%; left:0px; width:1px; height:30px; background-color:#e8e8e8; content:""; margin-top:-15px;}

#mypageOrderState .my-order-state-list li:first-child dl:before{display:none;}

#mypageOrderState .my-order-state-list li dl dt{color:#aaa; font-size:15px; font-weight:400; letter-spacing:-0.5px; }

#mypageOrderState .my-order-state-list li dl dd{position:absolute; top:0px; left:0px; width:100%; text-align:center; color:#aaa; font-size:30px; letter-spacing:-0.5px; font-family: 'Rubik', sans-serif;}

#mypageOrderState .my-order-state-list li.cur-state dl  dt,

#mypageOrderState .my-order-state-list li.cur-state dl  dd{color:#222;}



/* 마이페이지 상단 :: 메뉴 */

.mypage-menu-list{margin-bottom:80px;}

.mypage-menu-list ul{height:43px; text-align:center;}

.mypage-menu-list ul li{width:16.67%; position:relative; float:left;}

.mypage-menu-list ul li:first-child{margin-left:0; width:16.65%}

.mypage-menu-list ul li a{display:block; height:42px; line-height:42px; color:#838383; font-size:15px; letter-spacing:-0.25px; text-align:center; border:1px solid #ddd;  border-left:0;background-color:#fff;}

.mypage-menu-list ul li:first-child a{border-left:1px solid #ddd;}

.mypage-menu-list ul li.selected a{font-weight:500; background-color:#555; color:#fff; border-color:#555;}



/* 마이페이지 상단 :: 타이틀 */

.shop-mypage-tit{text-align:center; letter-spacing:-1px; color:#333; font-size:24px; margin-bottom:20px; font-weight:500;}