/* 모달 */
.modal-wrap {width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, .3); top: 0; left: 0; z-index: 10;}
.modal-wrap .modal-con {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; border-radius: 5px; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 350px;}
/* .modal-con.min-wd {min-width: 320px;} */
.modal-wrap .modal-con p {font-size: 20px; font-weight: 700; margin-bottom: 12px;}
.modal-wrap .modal-con .txt-con {text-align: center; margin-bottom: 15px;}
.modal-wrap .modal-con .btn-wrap {display: flex; gap: 12px;}
.modal-wrap .modal-con .btn-wrap button {width: 50%; text-align: center; padding: 12px 0; border-radius: 5px;}
button.cancle {background: #f1f1f1; color: #5d5d5d;}
button.confirm {background: #315dd6; color: #fff;}