.dbmodal {
    position: fixed;
    z-index: 3000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
  
.dbmodal-content {
    position: relative;
    background-color: #fffef9;
    margin: 5% auto;
    padding: 32px 24px;  /* 👈 상하좌우 패딩을 늘림 */
    border: 1px solid #ddd;
    width: 440px;         /* 👈 여백 확보를 위해 약간 넓힘 */
    border-radius: 12px;
    font-family: sans-serif;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.dbmodal-content input {
    width: 70%;
    margin-bottom: 12px;   /* 👈 입력창 간격을 조금 더 넓힘 */
    padding: 8px;          /* 👈 입력창 내부 여백 증가 */
    border-radius: 6px;
    border: 1px solid #ccc;
}

  
.dbmodal-content button {
    padding: 6px 12px;
    margin-right: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;  /* 👈 부드러운 전환 */
}

/* 제출 버튼 */
#submitBtn {
    background-color: #4CAF50;
    color: white;
}
#submitBtn:hover {
    background-color: #45a049; /* 👈 hover 시 조금 진하게 */
}
#submitBtn:active {
    background-color: #3e8e41; /* 👈 눌린 느낌 */
    transform: translateY(2px); /* 👈 살짝 아래로 */
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2); /* 👈 눌린 듯한 그림자 */
}

/* 취소 버튼 */
#cancelBtn {
    background-color: #ccc;
}
#cancelBtn:hover {
    background-color: #b3b3b3;
}
#cancelBtn:active {
    background-color: #999;
    transform: translateY(2px);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}



.dbmodal-close {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 24px;
    cursor: pointer;
    color: #6c5742;
}