.modal-wrap {position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); top: 0; left: 0; display: none; z-index: 999;}
.modal-wrap .modal-con {width: 85vw; position: absolute; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%, -50%); border-radius: 10px; padding: 0 15px 15px 15px;}
.modal-wrap .modal-con p {padding: 30px 0; font-size: 16px; text-align: center; line-height: 1.5;}
.modal-wrap .modal-con .confirm-btn {width: 100%; padding: 12px 0 ; background-color: #FB8500; color: #fff; text-align: center; border-radius: 5px; }

.modal-wrap.modal04 .modal-con p b {font-size: 16px; font-weight: bold; margin-bottom: 6px; display: inline-block;}
.modal-wrap.modal04 .modal-con p {padding: 30px 0; font-size: 14px; text-align: center; line-height: 1.5;}

.modal-con02 {display: none;}

.confirm-flex {display: flex; gap: 8px;}
.confirm-flex div {width: 50%;}
div.btn-close {padding: 12px 0; background-color: #f1f1f1; color: #555; border-radius: 5px; font-size: 15px; text-align: center; font-weight: 500;}

/* 수정내용입력 모달 */

/* .input-modal .ed-inner {bottom: 0; left: 0; width: 100%; background-color: #fff; border-radius: 20px 20px 0 0; position: absolute; padding: 20px;} */
.modal-wrap .ed-inner {top: 50%; left: 50%; width: 85vw; background-color: #fff; border-radius: 10px; position: absolute; transform: translate(-50%, -50%); padding: 20px;}
.modal-wrap .ed-inner h3 {font-size: 16px; text-align: center;}
.modal-wrap .ed-inner textarea {resize: none; width: 100%; height: 130px; background-color: #f1f1f1; margin: 20px 0;}

/* 로그아웃 모달 버튼 */

.mo-btn {display: flex; gap: 10px;}
.mo-btn .btn02 {background-color: #fff !important; border: 1px solid #ddd; color: #555 !important;}

/* 셀렉트 모달 */

.modal-con2 {background-color: #fff; position: absolute; width: 100%; padding: 10px 20px; bottom: 0; left: 0; border-radius: 20px 20px 0 0;}
.modal-con2 ul {margin-bottom: 15px;}
.modal-con2 ul li {padding: 10px 0; text-align: center; width: 100%;}

/* 셀렉트 모달 */

.modal-con2 {background-color: #fff; position: absolute; width: 100%; padding: 10px 20px; bottom: 0; left: 0; border-radius: 20px 20px 0 0;}
.modal-con2 ul {margin-bottom: 15px;}
.modal-con2 ul li {padding: 10px 0; text-align: center; width: 100%;}

/* 토스트 팝업 모달 */
.toast-pop {position: fixed; left: 0; bottom: 0; padding: 20px; border-radius: 15px 15px 0 0; width: 100%; background-color: #fff; max-height: 350px; overflow-y: auto;}
.toast-pop .toast-con p {font-size: 16px; color: #333; font-weight: 600;}
.pop-btn {margin-top: 20px;}

.toast-pop ul {display: flex; flex-direction: column; gap: 15px;}
.toast-pop ul li {font-size: 15px; }

/* 배경 누르면 닫히는 모달 */
.close-wrap {width: 100%;height: 100%; position: fixed; top: 0; left: 0;}