/*#commonModal .content-area {max-width: 382px;}

#commonModal .textBox h1 {font-size: 20px;}*/

#commonModal .btn-area {
    display: flex;
    justify-content: center;
    align-items: center;
}

#commonModal .btn-area .btn {margin: 0 3px; padding: 0; display: flex; justify-content: center;  align-items: center; width: 127px;  height: 42px; border-width: 2px; font-size: 20px; font-weight: 600;}
#commonModal .btn-area .btn {width: 100%;}
#commonModal .imgBox {width: 228px;}

.message__wrap .message__box > img, .message__wrap .massage > img {
    max-width: 370px;
    max-height: 350px;
    cursor: pointer;
}

/*.modal-dialog .modal-content .btn {min-width: 135px;  border-radius: 0;  text-align: center;  border-radius: 30px; height: 48px; line-height: 130%; padding: 0 50px; font-size: 20px; font-weight: 600;}*/
.modal-dialog .modal-content .btn_area .btn.cancle:hover {color: #B3B3B3; background-color: #F4F4F4;}
.modal-dialog .modal-content .btn_area .btn.cancle {color: #B3B3B3; border: 2px solid #ccc; background-color: #fff;}

.txt-left {
    text-align: left;
}
.txt-center {
    text-align: center;
}
.txt-right {
    text-align: right;
}

@media(max-width: 767px) {
    /*#commonModal .content-area {max-width: 300px;}*/
    #commonModal .imgBox {
        width: 192px;
    }
    /*.modal-dialog .modal-content .btn {
        height: 30px;
        line-height: 28px;
        font-size: 16px;
    }*/
    .message__wrap .message__box > img, .message__wrap .massage > img {
        max-width: 220px;
        max-height: 300px;
        cursor: pointer;
    }
}