/** 아이프레임 모달**/
.modal-overlay { display: none; position: fixed; top: 0; left: 0;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; overflow: hidden; }
.modal-overlay .modal-content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1001;width:991px; height: 80%; border-radius: 10px; overflow: hidden; }
.modal-overlay .close-btn { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border-radius: 5%; background: #ff5f5f; color: white; text-align: center; line-height: 30px; cursor: pointer; font-size: 20px; font-weight: bold; transition: background 0.3s; }
.modal-overlay .close-btn:hover { background: #ff1f1f; }
.modal-overlay #lif_iframe { width: 100%; height: 100%; border: none;  }
body.modal-open { overflow: hidden; padding-right: 15px; }

/* 전체 모달 오버레이 */
.full-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* 반투명 검정 배경 */
    display: none; /* 기본적으로 숨김 */
    z-index: 9999; /* 가장 위에 표시 */
    overflow: hidden; /* 스크롤 숨김 */
}

/* 전체 모달 콘텐츠 래퍼 */
.full-modal-content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    overflow: hidden; /* 내용이 모달을 넘지 않도록 숨김 */
}

/* 모달 내부 콘텐츠 */
.full-modal-content {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px; /* 아이프레임 주위 여백 유지 */
}

/* iframe 스타일 */
#full_lif_iframe {
    border: 0;
    width: 100%;
    height: 100%;
}





/** 일반 모달**
.modal { z-index: 1000; display: none;  align-items: center;  justify-content: center;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.modal .modal-content { background-color: #fff; padding: 20px; border: 1px solid #888; width: 40%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative; top: 50%; transform: translateY(-50%); margin: auto; }
.modal .m-title { background-color: #f2f2f2;  padding: 10px;  cursor: move; }
.modal .close { color: #aaa; float: right; text-align:center; font-size: 34px; font-weight: bold; border:1px solid; width:54px; height:54px; }
.modal .close:hover, 
.modal .close:focus { color: black; text-decoration: none; cursor: pointer; }
.modal #eventForm { display: flex; flex-direction: column; }
.modal h2 { color: #4caf50; font-size: 24px; margin-bottom: 20px; }
.modal label { margin-bottom: 3px; font-size: 18px; }
.modal input,
.modal textarea,
.modal #imageInput,
.modal button { padding: 8px; margin-bottom: 16px; font-size: 14px; }
.modal textarea { resize: vertical; }
.modal .button { display: flex; justify-content: space-between; font-size: 16px; font-weight: bold; cursor: pointer; }
.modal .reg-button { width: 48%; padding: 14px; box-sizing: border-box; background-color: #ff6800; color: #fff; }
.modal .del-button { width: 48%; color: #777; border: 1px solid #ccc; background: #fff; }
.modal .reg-button:hover { background-color: #ff6800; }
.modal .del-button:hover { color:#39405a;border:1px solid #39405a }

.date-fields { display: flex; align-items: center; margin-bottom: 16px; }
.modal .modal-tbl table{width:100%;border-collapse:collapse;border-top:1px solid #ced2d8;border-bottom:1px solid #888;overflow-x: auto; }
.modal .modal-tbl tr:last-child{border-bottom:1px solid #888}
.modal .modal-tbl tr{height:30px}
.modal .modal-tbl th{padding:0 24px;font-size:14px;font-weight:400;border-bottom:1px solid #eee;background:#fafbfc}
.modal .modal-tbl th .bullet{display:flex;align-items:center;font-weight:500;position:relative}
.modal .modal-tbl th .bullet:before{content:'';position:absolute;left:-10px;width:4px;height:4px;background:#e51f22}
.modal .modal-tbl td{padding:4px 8px;font-size:14px;font-weight:300;border-bottom:1px solid #eee}
.modal .modal-tbl td button i{font-size:16px}
.modal .modal-tbl .bmjua{font-size:20px;color:#FFCD06}
.modal .modal-tbl .txt{display:block;line-height:1.6;font-size:16px}
.modal .modal-content {overflow-y: auto; min-height: 30vh;max-height: 90vh; }
*/