@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 5px;}
.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;}

@media(max-width:768px){
	.btn-group, .btn-group-center, .btn-group-left, .btn-group-right{height:35px; line-height:35px;}
}
/*  */
.brick{display:inline-block;}

/* 버튼 초기화 */
button.btn, a.btn{float:left; display:inline-block; min-width:165px; 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;}

@media(max-width:768px){
	button.btn, a.btn{font-size:13px; min-width:50px; padding:0 10px;}
}


/* 버튼 종류 */
.btn-write{background:#9c1762; color:#fff;}
.btn-list{background:#a5a5a5; color:#fff;}
.btn-submit{background:#cbcbcb; color:#fff;}
.btn-mypage{background:#cbcbcb; color:#fff;}
.btn-mylist{background:#cbcbcb; color:#fff;}
.btn-delete{background:#cbcbcb; color:#222;}
.btn-update{background:#cbcbcb; color:#fff;}
.btn-cancel{background:#363636; color:#fff;}
.btn-del{background:#cbcbcb; color:#fff;}
.btn-active{background:#9c1762; color:#fff;}
.btn-apply{background:#9c1762; color:#fff;}