@charset "utf-8";

/*
 * --------------------------------------------------------------------------
 * descript : 버튼 CSS
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

/* --------------------------------------------------------------------------
   1.0 버튼 테마 1
   -------------------------------------------------------------------------- */

/* 버튼(기본, 중앙, 왼쪽, 우측 정렬) */
.btn-group{display:inline-block; width:100%; height:55px; line-height:55px; margin:25px 0;}
.btn-group-center{display:inline-block; width:100%; height:55px; line-height:55px; text-align:center; margin:25px 0;}
.btn-group-center .btn{margin:0 2px;}
.btn-group-left{display:inline-block; width:100%; height:55px; line-height:55px; text-align:left; margin:25px 0;}
.btn-group-left .btn{margin-right:1px;}
.btn-group-right{display:inline-block; width:100%; height:55px; line-height:55px; text-align:right; margin:25px 0;}
.btn-group-right .btn{margin-left:1px;}


/*  */
.brick{display:inline-block;}

/* 버튼 초기화 */
button.btn, a.btn{float:left; display:inline-block; min-width:150px; height:inherit; line-height:inherit; vertical-align:middle; font-size:16px; font-weight:400; text-align:center; padding:0 15px; cursor:pointer;}
button.btn:hover, a.btn:hover{text-decoration:none;}

/* 버튼 종류 */
.btn-write{background:#b89564; color:#fff;}
.btn-list{background:#b89564; color:#fff;}
.btn-submit{background:#cbcbcb; color:#fff;}
.btn-mypage{background:#cbcbcb; color:#fff;}
.btn-mylist{background:#cbcbcb; color:#fff;}
.btn-delete{background:#555; color:#222;}
.btn-update{background:#555; color:#fff;}
.btn-cancel{background:#cbcbcb; color:#fff;}
.btn-del{background:#555; color:#fff;}


.btn-active{background:#b89564; color:#fff;}


@media(max-width:640px){
	.btn-group-center{display:inline-block; width:100%; height:45px; line-height:45px; text-align:center; margin:25px 0;}
	button.btn, a.btn{float:left; display:inline-block; min-width:70px; box-sizing:border-box; height:inherit; line-height:inherit; vertical-align:middle; font-size:16px; font-weight:400; text-align:center; padding:0 15px; cursor:pointer;}
}