/* ---------------------- */
/* 상품 및 마이페이지 관련 버튼 CSS  */
/* 게시판 관련 버튼 CSS  */
/* ---------------------- */

.shop-btn { color:#fff; border-radius:4px; padding:2px 8px 3px; font-size:12px; text-decoration: none; vertical-align:middle; cursor:pointer}
.shop-btn:hover { color:#fff; font-size:12px; text-decoration: none;}

/* 상품리스트 검색*/
.shop-search-btn { color:#fff; border:1px solid #333; background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

/* 제품상세 목록보기 버튼*/
.shop-list-btn, .shop-list-btn:hover  { display:block; width:52px; color:#fff; padding:4px 6px; border-bottom:1px solid #898989; border-radius:0px; background: #adadad }

/* 제품상세 장바구니 */
.basket-btn { display:inline-block; border-radius:0; padding:15px 6px; text-align:center; background:#ff444f; color:#fff; font-size:18px;margin-right:3px }
.basket-btn:hover { font-size:18px;}
.basket-btn .fa{ color:#fff; font-size:25px; font-weight:500; padding-right:8px }

/* 제품상세 바로구매 */
.buy-btn { display:inline-block; border-radius:0; padding:15px 6px; text-align:center; background:#00a4b3; color:#fff; font-size:18px; margin-right:3px }
.buy-btn:hover {font-size:18px;}
.buy-btn .fa{ color:#fff; font-size:25px; font-weight:500; padding-right:8px }

/* 제품상세 이전으로 */
.back-btn { display:inline-block; border-radius:0; padding:15px 6px; text-align:center; background:#f1f1f1; color:#666; font-size:18px; margin-right:3px }
.back-btn:hover {font-size:18px; color:#666;}
.back-btn .fa{ color:#ddd; font-size:25px; font-weight:500; padding-right:8px }

/* 제품상세 전화상담 */
.tel-btn { display:inline-block; border-radius:0; width:160px; padding:15px 12px; text-align:center; background:#00a4b3; color:#fff; font-size:18px;margin-right:3px }
.tel-btn:hover {font-size:18px;}
.tel-btn .fa{ color:#fff; font-size:25px; font-weight:500; padding-right:8px }
.tel-btn em{ color:#fff; font-size:12px; font-weight:normal; font-style:none }

/* 제품상세 질문과 답변 */
.question-btn { display:block; font-size:16px; text-align:center; padding:10px 0px; color:#fff; background: #95a1b8; }
.question-btn:hover {display:block; font-size:16px; text-align:center; padding:10px 0px; color:#fff; background: #778195; }
.question-btn .fa { vertical-align:middle; font-size:28px; padding-right:8px} 
.question-btn:hover .fa { color:#fff} 


/* 장바구니 수량 변경 */
.shop-edit-btn, .shop-edit-btn:hover { display:block; text-align:center; width:28px; margin:0 auto; font-size:12px; padding:3px 0px; color:#fff; border:1px solid #5e8816; background:#7cb022}
.shop-edit-btn2, .shop-edit-btn2:hover { display:inline-block; text-align:center; border-radius:4px; margin:0 auto; font-size:12px; padding:3px; color:#fff; background:#6f97ac}

/* 장바구니 삭제 */
.shop-del-btn, .shop-del-btn:hover { display:block; text-align:center; margin:0 auto; font-size:12px; padding:3px; color:#666; border:1px solid #dfdfdf; background:#f1f1f1}
.shop-del-btn2, .shop-del-btn2:hover { display:inline-block; text-align:center; margin:0 auto; font-size:12px; padding:3px; color:#666; background:#f1f1f1}

/* 장바구니 온라인 견적서 출력/지출증빙 영수증 출력 */
.basketprint, .basketprint:hover, .print-btn, .print-btn:hover { font-size:12px; padding:4px 8px; color:#fff; background:#565656}

/* 장바구니 온라인 견적서 출력 창닫기*/
.closed-btn, .closed-btn:hover { font-size:12px; padding:3px 8px; color:#666; border:1px solid #ccc; background:#dfdfdf}

/* 장바구니 쇼핑계속하기/카드 영수증 출력 */
.shop-shopping-btn, .shop-shopping-btn:hover { display:inline-block; padding:3px 8px; font-size:12px; color:#fff; background:#007aff}

/* 장바구니 비우기 */
.shop-delall-btn, .shop-delall-btn:hover { display:inline-block; padding:3px 8px; font-size:12px; color:#fff; background:#ff5a00}
.shop-delall-btn2, .shop-delall-btn2:hover { display:inline-block; padding:3px 8px; font-size:12px; color:#fff; border:1px solid #a26893; background:#a26893}

/* 장바구니 주문하기*/
.buyok-btn {  display:inline-block; border-radius:0; width:160px; padding:15px 12px; text-align:center; background:#cb3737; color:#fff; font-size:18px; font-weight:500; margin-right:3px }
.buyok-btn:hover {  font-size:18px;}
.buyok-btn .fa{ color:#fff; font-size:25px; font-weight:500; padding-right:8px }


/* 우편번호 찾기 */
.zipfinder, .zipfinder:hover { font-size:12px; padding:5px 8px; color:#fff; background:#565656}

/* 사용후기 바로가기/적립금 사용후기 버튼 */
.review-add-btn, .review-add-btn:hover { font-size:12px; padding:3px; color:#fff; border:1px solid #5e8816; background:#7cb022}

/* 로그인페이지 신규회원가입 */
.login-new-btn { text-align:center; background:#565656; border-radius:4px; padding:8px 20px; color:#fff; cursor:pointer; margin-right:8px}
.login-new-btn .fa{ color:#fff; font-size:14px; font-weight:700; padding-right:8px}
.login-new-btn:hover { background:#22b2c8; color:#fff;}
.login-new-btn:hover .fa{ color:#fff;}

/* 로그인페이지 로그인 정보 찾기 */
.login-search-btn { text-align:center; background:#f2f2f2; border-radius:8px; padding:8px 20px; color:#333; cursor:pointer; margin-right:8px}
.login-search-btn .fa{ color:#aaa; font-size:14px; font-weight:700; padding-right:8px}
.login-search-btn:hover { background:#f1f1f1; color:#333;}
.login-search-btn:hover .fa{ color:#d83030;}

/* 로그인박스 로그인 버튼*/
.loginbox-log-btn {  background:#d83030; color:#fff; font-weight:700; font-size:18px; cursor:pointer; margin:0; width:220px; text-align:center; height:45px; border:0px; border-radius:8px;}
.loginbox-log-btn:hover, .loginbox-log-btn:focus {  background:#565656;}

/* 회원관련 버튼 -로그인정보찾기-정보수정 등 */
.mem-btn-ok {  display:inline-block; border-radius:5px; width:160px; padding:8px 12px; text-align:center; color:#fff; font-size:18px; font-weight:500; margin-right:3px; border:1px solid #2868b9; background: rgb(62,119,192); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(62,119,192,1) 50%, rgba(40,104,185,1) 52%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(62,119,192,1)), color-stop(52%,rgba(40,104,185,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(62,119,192,1) 50%,rgba(40,104,185,1) 52%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(62,119,192,1) 50%,rgba(40,104,185,1) 52%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(62,119,192,1) 50%,rgba(40,104,185,1) 52%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(62,119,192,1) 50%,rgba(40,104,185,1) 52%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e77c0', endColorstr='#2868b9',GradientType=0 ); /* IE6-9 */
}
.mem-btn-ok:hover {  font-size:18px;}
.mem-btn-ok .fa { font-size:30px; padding-right:10px}

/* 회원관련 취소버튼 */
.mem-back-btn {  display:inline-block; border-radius:5px; width:160px; /*padding:8px 12px;*/ text-align:center; color:#fff; font-size:18px; font-weight:500; margin-right:3px; background: rgb(85,86,86); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(85,86,86,1) 50%, rgba(66,67,67,1) 52%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(85,86,86,1)), color-stop(52%,rgba(66,67,67,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(85,86,86,1) 50%,rgba(66,67,67,1) 52%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(85,86,86,1) 50%,rgba(66,67,67,1) 52%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(85,86,86,1) 50%,rgba(66,67,67,1) 52%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(85,86,86,1) 50%,rgba(66,67,67,1) 52%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555656', endColorstr='#424343',GradientType=0 ); /* IE6-9 */
}

/* 주문석 작성 적립금 사용하기 */
.shop-point-btn, .shop-point-btn:hover { margin:0 3px; font-size:12px; padding:3px 4px; color:#fff; border:1px solid #5e8816; background:#7cb022}

.mem-back-btn:hover { font-size:18px; color:#fff;}
.mem-back-btn .fa{ color:#ddd; font-size:25px; font-weight:500; padding-right:8px }
.mem-back-btn .fa { font-size:24px;}

/* ---------------------- */
/* 게시판 관련 버튼 CSS  */
/* ---------------------- */
.board-button select, textarea, input {margin:0px; padding:0px; outline:none; resize:none}
.board-button input[type=text], board-button input[type=submit] { height:28px; line-height:28px; background:transparent}
.board-button input[type=text],input[type=file] {border:1px solid #ccc; } 

.snsbtn { padding:3px 8px; color:#333; margin-left:2px; background:#f1f1f1; border:1px solid #d1d1d1}
.snsbtn .fa{ padding:0px 8px; font-size:14px}

/* Button Reset */
.board-button .fa {padding-right:8px;}
.board-button:hover .fa {color:#ff3500}
.board-button a, .board-button button, .board-button input { display:-moz-inline-stack; display:inline-block; height:28px; line-height:28px; text-decoration:none !important; background:#fff; border:1px solid #ccc; border-radius:4px; white-space:nowrap; overflow:visible; }
.board-button {margin:0px 2px; vertical-align:middle; }
.board-button a, .board-button button, .board-button input { padding:0px 10px; cursor:pointer; vertical-align:top; box-shadow:0 1px 2px #c0c0c0;}
/* 버튼 끝 */