/* --- 레이어 스타일 (기존 수치 유지 버전) --- */

/* 1. 배경: 검정색 농도를 살짝 낮추고 블러 추가 (뒤가 은은하게 비침) */
.modal-overlay { 
    display: none; 
    position: fixed !important; 
    top: 0; left: 0; 
    width: 100vw; height: 100vh; 
    background: rgba(0, 0, 0, 0.85); /* 0.95 -> 0.85로 변경 */
    z-index: 999999; 
    align-items: center; 
    justify-content: center; 
    backdrop-filter: blur(10px); /* 블러 값 상향 */
    -webkit-backdrop-filter: blur(10px);
}

.modal-content { position: relative; display: flex; flex-direction: column; align-items: center; }

/* 2. 컨테이너: 영상 크기는 그대로, 그림자만 풍성하게 */
.modal-body { 
    position: relative; 
    max-width: 90vw; 
    max-height: 85vh; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    box-shadow: 0 30px 60px rgba(0,0,0,0.6); /* 그림자 추가 */
}

/* 3. 테두리: 투박한 흰색 선을 얇고 투명한 유리 느낌으로 */
#modalImg { 
    max-width: 100%; 
    max-height: 85vh; 
    border: 1px solid rgba(255,255,255,0.2); /* 2px 실선 -> 1px 반투명 */
    border-radius: 8px; /* 곡률 살짝 추가 */
    display: none; 
}

#youtubeContainer { width: 80vw; max-width: 1000px; aspect-ratio: 16 / 9; background: #000; display: none; border-radius: 8px; overflow: hidden; }
#youtubeContainer.is-shorts { max-width: 450px; aspect-ratio: 9 / 16; }
#youtubeContainer iframe { width: 100%; height: 100%; border: none; }

/* 4. 버튼 및 카운터: 시인성 개선 */
.close-modal { position: absolute; top: -50px; right: 0; color: rgba(255,255,255,0.8); font-size: 35px; cursor: pointer; transition: 0.3s; }
.close-modal:hover { color: #fff; transform: scale(1.1); }

.nav-btn { 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    background: none; 
    border: none; 
    color: #fff; 
    font-size: 50px; 
    cursor: pointer; 
    opacity: 0.4; /* 기본 투명도 조절 */
    z-index: 100; 
    padding: 20px; 
    transition: 0.3s; 
}
.nav-btn:hover { opacity: 1; transform: translateY(-50%) scale(1.1); }
.prev-btn { left: -100px; }
.next-btn { right: -100px; }

.modal-counter { 
    color: rgba(255,255,255,0.5); /* 카운터 색상 부드럽게 */
    margin-top: 20px; /* 간격 살짝 넓힘 */
    font-size: 15px; 
    font-weight: 300;
    letter-spacing: 1px;
}

@media (max-width: 1200px) { .prev-btn { left: 10px; } .next-btn { right: 10px; } }

#Archivingwrap{display:flex; justify-content:flex-start;}
#Archiving{float:none;}
#Archiving .photo{height:150px;}
#Archiving .photo a{position:relative; display:block; height:100%;}
#Archiving .photo a img{width:100%; height:100%; object-fit:cover;}
#Archiving .play-icon{position:absolute; bottom:5px; right:5px; width:30px; height:30px;}
#Archiving .play-icon img{border:none;}