@charset "utf-8";

.btn-cancel {
    border: 0;
    background-color: #ccc;
    color: #fff;
}

.btn-write {
    border: 0;
    background-color: #08bfff;
    color: #fff;
}

/*
버튼
*/
button {
    border: none;
}
.btn {
    border: none;
}
.btn-list {
    background-color: #454545;
    color: #fff;
}

.btn-modify {
    background-color: #08bfff;
    color: #fff;
}

.btn-delete {
    background-color: #ff0000;
    color: #fff;
}

.btn-01 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: visible;
    background: linear-gradient(to top, #f2f2f2, #fff);
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    *background-position: 0 2px;
    color: #a02c30;
}
.btn-01:hover {
    color: #fa4242;
}

.btn-02 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: visible;
    background: linear-gradient(to top, #f2f2f2, #fff);
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    *background-position: 0 2px;
}

.btn-03 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: visible;
    background: linear-gradient(to top, #fc3131, #eb9999);
    border-radius: 3px;
    border: 1px solid #fc3131;
    color: #fff;
    *background-position: 0 2px;
}

.btn-04 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: visible;
    background: linear-gradient(to top, #2189dd, #72a8d4);
    border-radius: 3px;
    border: 1px solid #2189dd;
    color: #fff;
    *background-position: 0 2px;
}

.btn-05 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: visible;
    background: linear-gradient(to top, #3182fc, #6ba1f3);
    border-radius: 3px;
    border: 1px solid #3182fc;
    color: #fff;
    *background-position: 0 2px;
}

.btn-del {
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: visible;
    background: linear-gradient(to top, #ff0000, #ff0000);
    border-radius: 3px;
    border: 1px solid #ff0000;
    color: #fff;
    *background-position: 0 2px;
}