/* 모달 */
.modal{ position: fixed; z-index: 100; left: 0; top: 0; bottom: 0; max-width: 100%; width: 100%; height: 100%; }
.modal-bg{    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0c0c0c;
    opacity: .8;
    z-index: 100;
    transition: all .2s;
    }

.modal-wrap{position: relative; width: auto; margin: 0 auto; top: 50%; transform: translateY(-50%);  background-color: #fff; border-radius: 5px;/* border-radius: 10px; */ z-index: 120;box-shadow: 2px 4px 11px rgba(0,0,0,0.2);}
.modal-con{padding: 40px 30px 40px; }
.modal-close{position: absolute; right: 16px; top: 16px; font-size: 1.35em; cursor: pointer; display: none; z-index: 102;}
.modal-body p.md-title{font-size: 1.1em;}
.modal-body .md-con{padding-top: 10px;}
.modal-body .md-con p{font-size: 16px; font-weight: 500;}
.modal-body .md-btn{text-align: right; padding-top: 50px;}
.modal-body .md-btn button{display: inline-block; cursor: pointer; margin:0 5px;  padding: 0 20px; height: 34px; border-radius: 3px; line-height: 34px; }


/* 기본알람창 크기 */
.modal-wrap.modal-xs{max-width: 520px;}
.modal-wrap.modal-sm{max-width: 760px;}
.modal-wrap.modal-md{max-width: 1024px;}
.modal-wrap.modal-lg{max-width: 1200px;}


#alert_modal{overflow: hidden;}

.mo_delbtn{display: block; color: #555; font-size: 28px; width: 40px ; height: 40px; }

 
.modal.detail_modal .modal-wrap{overflow-y:scroll; max-height:80vh;}
.modal-body p.md-title{padding-bottom: 12px; font-size:1.2em; font-weight:bold; color: #222;}

.modal-body .md-customer-con .md_flex{display: flex; justify-content: space-between;}
.modal-body .md-customer-con .md_flex > div{width: 48.5%;}
.modal-body .md-customer-con .con_wrap .title p{padding-bottom:3px; font-weight:600;  color:#333333; font-size: 17px;}
.modal-body .md-customer-con .con_wrap .content input, .modal-body .md-customer-con .con_wrap .content .file_list, .modal-body .md-customer-con .con_wrap textarea{width:100%; height:100%;  font-size:15px; margin-bottom: 20px; padding:14px; border: none; background-color: #f5f5f5; border-radius: 4px;}
.modal-body .md-customer-con .con_wrap textarea{resize: none; height: 200px; overflow: auto;}

input:focus, textarea:focus{outline: none;}

/* .modal-body .md-customer-con .con_wrap .content .file_list{display: flex; flex-wrap: wrap;}
.modal-body .md-customer-con .con_wrap .content .file_list .file_upload{width: 200px; margin-right: 6px;}
.modal-body .md-customer-con .con_wrap .content .file_list .file_upload:last-child{margin-right: 0;}
.modal-body .md-customer-con .con_wrap .content .file_list .file_upload img{width: 100%;} */

.modal-body .md-customer-con .con_wrap .content .file_list{display: flex; flex-direction: column; gap: 8px; }

.file_upload button{padding: 8px 16px ; border: 1px solid #ddd; border-radius: 4px; background: #fff; text-align: left;}

.file_upload button:hover{background: #f5f5f5;}

.md-btn{font-size: 15px;}