/* 멀티 첨부파일 관련 */
.fileUploadInput{display: none;}
.dragNdrop{margin-bottom:16px; width:100%; overflow:hidden;}
.dragNdrop a .micon{color:var(--color-g6);}
.dragNdrop .noti{display:inline-flex; flex-direction: column; justify-content:center; align-items:center; gap:8px; padding:32px; width:100%; background:#f9f9f9; border-radius: 8px; margin:2px;}
.dragNdrop .noti:hover,
.dragNdrop .noti:focus{text-decoration: none;}
.dragNdrop .noti .micon{width:32px; font-size:32px;}
.dragNdrop .dndList{display:flex; flex-direction: column; gap:8px; margin-top:16px;}
.dragNdrop .dndList > li{display:inline-flex; flex-direction: row; align-items:center; gap:8px; padding:8px; padding-left:32px; width:100%; border:1px solid #dbdbdb; border-radius: 8px;}
.dragNdrop .dndList > li a{display:inline-block; width:100%; height:100%; word-break: break-all;}
.dragNdrop .dndList > li .xbtn{display:flex; align-items:center; font-size:16px; color:var(--color-red); border-radius:100px; padding:2px 8px; cursor:pointer !important;}
.dragNdrop .dndList > li .xbtn .micon{font-size:18px;}

/* 앨범형 이미지 보기 정렬 수정 */
.imageList,
.imageDndList{display:flex; flex-wrap:wrap; gap:8px;}
.imageDndList{display:flex; flex-wrap:wrap;}
.imageListItem{position:relative;}
.imageListItem .file{position:relative; width:100px; height:100px; border:1px solid #dbdbdb; border-radius:4px; overflow:hidden;}
.imageListItem .file img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-height:100%; max-width:100%;}
.imageListItem .xbtn{position:absolute; right:0; top:0; background:#dbdbdb; width:16px; height:16px;cursor:pointer;}



.progress{position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.7); z-index:9999;display:none;}
.progress .loadingBar{position:fixed; left:40%; top:50%; background-color:#eb6666;width:30%;height:30px;border-radius:20px;}
.progress .loadingBar .inner{background-color:#4242ef;width:0%;height:30px;border-radius:20px;}
.progress .percent{position:absolute;top:5px;width:100%;text-align:center;font-weight:bold;font-size:20px;color:#fff;}


.editorCon{display:none;}
.contentsPage{margin-top:40px;}

/* 모달창 CSS */
.popCont{display:none;}
.ui-dialog{font-size:initial;}
.ui-widget{font-family:'Pretendard', 'Noto Sans KR', 'Open Sans', 'Helvetica', 'Apple SD Gothic Neo', 'Microsoft JhengHei', 'Dotum', '돋움', sans-serif; color:#111;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:'Pretendard', 'Noto Sans KR', 'Open Sans', 'Helvetica', 'Apple SD Gothic Neo', 'Microsoft JhengHei', 'Dotum', '돋움', sans-serif;}
.ui-dialog.ui-widget.ui-widget-content{max-width: 90vw !important; border:0 !important; border-width:0 !important; overflow:auto; background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}
/*.ui-dialog .ui-dialog-content{padding:24px !important;} */
.ui-dialog.ui-widget.ui-widget-content .popB {max-height: none !important;}
.ui-dialog .ui-dialog-titlebar{display:flex; align-items:center; justify-content:space-between; padding:24px; height:auto !important; background:#fff !important; color:#111 !important; border:none !important; border-bottom:1px solid #dbdbdb !important;  border-radius:0 !important;}
.ui-dialog .ui-dialog-title{font-size:2.2rem !important; float:none !important;margin:0 !important;width:auto !important;}
.ui-dialog .ui-dialog-titlebar-close{position:relative !important; right:auto !important; top:auto !important; padding:0 !important; margin:0 !important;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{background-image:url("lib/images/ui-icons_777777_256x240.png");}
.ui-helper-clearfix:before, .ui-helper-clearfix:after{display:none !important;}

.ui-widget-overlay{opacity:1 !important;background:rgba(0,0,0,0.3) !important;}

.ui-dialog .app-wrap {position:relative; display:flex; /* width:100vw; height:100vh; */ align-items: center; justify-content: center; line-height:1.4; background:#eee; padding:16px; }
.ui-dialog .pop-wrap {width:100%; height:100%; padding:16px; background:#fff;}
.ui-dialog .top{display:flex; align-items:center; justify-content:space-between; width:50%; padding:10px 12px 0px 12px;  min-height:39px;}
.ui-dialog .top .tit{display:inline-flex; align-items:center; gap:8px; color:#0051CB; font-size: 1.4rem; font-weight:600; white-space:nowrap;}
.ui-dialog .btnBar{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; margin-bottom:8px; padding-left:80px;}
.ui-dialog .btnBar .btnAdm{padding:8px 12px; height:30px; gap:4px; border-radius:4px; font-size: 1.4rem;}
.ui-dialog .top .btnAdm {height:24px; font-size:1.2rem; gap:2px; border-radius:2px;}

.ui-dialog .layout-wrap {position:relative; display:flex; gap:16px; align-items:flex-start; flex-direction:row;}
.ui-dialog .layout-inner {height:100%; width:50%;}

@media all and (max-width:1024px){
	.ui-dialog.ui-widget.ui-widget-content{width: 90vw !important; max-height: 90vh !important;}
}

/* 260212 - 시설물 안내예약 신청내역조회 팝업 */
@media all and (max-width:600px){
.pop:has(#fctrSn) table tr:first-child td{display: flex; flex-direction: column;}
.pop:has(#fctrSn) table tr:first-child td input{width:100% !important;}
}

/* 앨범현 갤러리 상세 */
.imageZone{overflow-x:hidden;width:100%;}
.galleryBtn{position:relative;width:100%;top:-250px;}
.galleryBtn .prev{position:absolute;left:0px;font-weight:bold;font-size:30px;width:50px;height:50px;background-image:url('../images/common/arrow_left.svg');background-repeat: no-repeat;background-size: cover;}
.galleryBtn .next{position:absolute;right:0px;font-weight:bold;font-size:30px;width:50px;height:50px;background-image:url('../images/common/arrow_right.svg');;background-repeat: no-repeat;background-size: cover;}
.slick-slide img{margin:0px auto;}

/* 앨범형 갤러리 수정/삭제 버튼 */
.modifyArea{position:absolute;width:100%;top:10px;text-align:right;right:17px;z-index:999;}

/* 이미지 미리보기 팝업창 */
#imageModal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;z-index: 9999;}
#imageModal img {max-width: 90%;max-height: 90%;margin:0px auto;}
#imageModal .close {position: absolute;top: 20px;right: 20px;color: white;font-size: 30px;cursor: pointer;}

/* 메인 팝업 */



.mainModalPop{z-index:51; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:var(--border);}
.mainModalPop .popTop{padding:12px; border-bottom:1px solid #dbdbdb;}
.mainModalPop .popTop .tit{font-size:var(--fz-titleM); font-weight:400;}
.mainModalPop .popBottomArea{background-color:#000;color:#fff;width:100%;padding-top:5px;padding-bottom:5px;bottom:0px;position:absolute;}
.mainModalPop .popBottomArea label{padding-left:10px;}
.mainModalPop .x{position:absolute; right:16px; top:12px; }