@charset "UTF-8";
/* 버튼 */
.btn-group{
    /*display: flex;
    align-items: flex-end;
    justify-content: flex-end;*/
    margin: 0px -10px 0px 0px;
}
.btn-group > a,
.btn-group > button,
.btn-group > span{
    margin-left: 5px;
    white-space: nowrap;
}
.btn-save{
    width: 75px;
    height: 40px;
    background-color: #3F4444;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    text-align: -webkit-center;
    align-content: center;
}
.btn-save:hover{
    background-color: #333;
}
.btn-save-info{
    width: 100px;
    height: 50px;
    background-color: #3F4444;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    text-align: -webkit-center;
    align-content: center;
}
.btn-save-info:hover{
    background-color: #333;
}
.btn-message-info{
    width: 100px;
    height: 50px;
    background-color: #2895FF;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    text-align: -webkit-center;
    align-content: center;
}
.btn-message-info:hover{
    background-color: #1F80DF;
}
.btn-mail-info {
    color: #2895FF;
    width: 100px;
    height: 50px;
    border: 1px solid #2895FF;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    text-align: -webkit-center;
    align-content: center;
}
.btn-mail-info:hover{
    background-color: #D4EAFF;
}
.btn-back {
    width: 75px;
    height: 40px;
    border: 1px solid #3F4444;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    color: #3F4444;
    text-align: -webkit-center;
    align-content: center;
}
.btn-back:hover{
    background-color: #EBEBEB;
}
.btn-back-info {
    background-color: #fff;
    width: 100px;
    height: 50px;
    border: 1px solid #3F4444;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    color: #3F4444;
    text-align: -webkit-center;
    align-content: center;
}
.btn-back-info:hover{
    background-color: #EBEBEB;
}

.btn-roll {
    padding: 4px 18px;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #3F4444;
}
.btn-roll:hover{
    background-color: #333;
}
.btn-stop {
    width: 100px;
    height: 50px;
    background-color: gray;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-align: -webkit-center;
    align-content: center;
}
.btn-stop:hover{
    background-color: #686868;
}
.btn-quit {
    width: 100px;
    height: 50px;
    background-color: #FF5E5E;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-align: -webkit-center;
    align-content: center;
}
.btn-quit:hover{
    background-color: #F93838;
}
.btn-delete{
    padding: 0 5px;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    background: #FF5E5E;
    margin-left: 15px;
}

.btn-delete:hover{
    background-color: #F93838;
}
.btn-download2 {
    padding: 0 5px;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    background: #3F4444;
    margin-left: 5px;
}
.btn-download2:hover {
    background-color: #333;
}
.btn-download{
    width: 75px;
    height: 40px;
    background-color: #3F4444;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-align: -webkit-center;
    align-content: center;
}
.btn-download:hover{
    background-color: #333;
}
.btn-register-info {
    background-color: #FFA800;
    width: 100px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-align: -webkit-center;
    align-content: center;
}
.btn-register-info:hover{
    background-color: #FF8A00;
}
.btn-answer-info {
    background-color: #2895FF;
    width: 100px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-align: -webkit-center;
    align-content: center;
}
.btn-answer-info:hover{
    background-color: #1F80DF;
}

.btn-add{
    padding: 5px 20px;
    background-color: #438FEB;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
}

/*내가 만든것*/
.btn-add-1{
    padding: 5px 20px;
    background-color: #438FEB;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
}
/*org 조직상세정보 찾기 버튼*/
.searchbtn {
    border: 1px solid #698AF5;
    background-color: #eff3fe;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #698AF5;
    cursor: pointer;
}
.searchbtn:hover {
    background-color: #DDE8FF;
}
.resetpasswordbtn {
    background-color: #3F4444;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.resetpasswordbtn:hover {
    background-color: #333;
}
.btn-group-popup {
    margin: 20px;
    text-align: -webkit-right;
}
.btn-contact{
    width: 135px;
    height: 30px;
    background-color:white;
    border-radius: 10px;
}
@media (max-width: 960px) {
    .btn-group-popup {
        margin: 0 10px
    }
}