.button, .button-bevel {font-size:0.9em; font-weight:bold; display: inline-block; text-align: center; padding:7px 20px; margin:2px 0; cursor: pointer; -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; -ms-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear;}
.button {border-radius: 30px;}
.button:active {box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;}
.rounded {border-radius: 20px;}

.sbutton, .sbutton-bevel {font-size:0.9em; font-weight:bold; color: #494949; display: inline-block; text-align: center; padding:4px 15px; margin:2px 2%; cursor: pointer; -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; -ms-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear;}
.sbutton {border-radius: 30px;}
.sbutton:active {box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;}

.s02button, .sbutton-bevel {font-size:0.9em; font-weight:bold; color: #fff; display: inline-block; text-align: center; padding:4px 15px; margin:2px 2%; cursor: pointer; -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; -ms-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear;}
.s02button {border-radius: 30px;}
.s02button:active {box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;}

.blue {
 background: #00a3d2; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #00a3d2 0%, #2065e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #00a3d2 0%,#2065e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #00a3d2 0%,#2065e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d2', endColorstr='#2065e4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff;
border:1px solid #00a3d2;
} 

.gray {
  background:#fff; border:1px solid #287ddd; color:#287ddd;
} 



.button-bevel {vertical-align: top; border-radius: 4px; border: none; padding: 10px 25px 12px;}
.button-bevel:active {position: relative; top: 5px;}
.button-bevel.blue {box-shadow: #c46d00 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;}
.button-bevel.blue:active {box-shadow: #c46d00 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;}
.button-bevel.gray {box-shadow: #c46d00 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;}
.button-bevel.gray:active {box-shadow: #c46d00 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;}
.button span, .button-bevel span {
  font-size: 1em;
  font-weight: bold;
  line-height: 0;
  margin-right: .1em;
}


.fwhite {color:#fff;}



  .inquiry:after { content: "조회"; color:#494949; }
  .delete:after { content: "삭제"; color:#494949; }
  .cancel:after { content: "취소"; color:#494949; }
  .basket:after { content: "장바구니"; color:#494949;}
  .wish:after { content: "찜하기"; color:#494949;}
  .modify:after { content: "수정"; color:#494949;}
  .goshopping:after { content: "계속쇼핑하기"; color:#494949;}
  .prevView:after { content: "◀ 이전 "; color:#494949;}
  .nextView:after { content: " 다음 ▶"; color:#494949;}
  .prevView02:after { content: "◀"; color:#494949;}
  .nextView02:after { content: "▶"; color:#494949;}
  .idFind:after { content: "아이디찾기"; color:#494949;}
  .pwFind:after { content: "비밀번호찾기"; color:#494949;}

  .inquiry02:after { content: "조회"; color:#fff; }
  .add:after { content: "추가"; color:#fff; }
  .card:after { content: ""; color:#fff;}
  .detail:after { content: "주문상세"; color:#fff;}
  .buy:after { content: "구매하기"; color:#fff;}
  .order:after { content: "주문하기"; color:#fff;}
  .ordercancel:after { content: "주문취소"; color:#fff;}
  .writ:after { content: "쓰기"; color:#fff;}
  .change:after { content: "변경"; color:#fff;}
  .okay:after { content: "확인"; color:#fff;}
  .search:after { content: "검색"; color:#fff;}

  .out:after { content: "회원탈퇴"; color:#fff;}
  .account:after { content: "계좌번호변경"; color:#fff;}
  .pw:after { content: "비밀번호변경"; color:#fff;}
  .zipcode:after { content: "우편번호"; color:#fff;}
  .spouse:after { content: "배우자추가"; color:#fff;}