@charset "utf-8";

/* ─────────────────────────────────────────────
   gallery-item 썸네일이 박스를 꽉 채우도록 강제
   (박스 비율과 이미지 비율이 달라도 여백 없이 cover)
   ───────────────────────────────────────────── */
.gallery-item { position: relative; overflow: hidden; }
.gallery-item > img,
.media-slide-item__thumb > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}
/* No Image 플레이스홀더도 동일하게 채움 */
.gallery-item .gallery-no-img {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f1f1;
    color: #888;
    font-size: 0.9rem;
}

/* ─────────────────────────────────────────────
   모바일 슬라이더 (768px 미만) / 데스크탑 그리드 (768px 이상)
   ───────────────────────────────────────────── */

/* 슬라이더 트랙 */
.media-slider-wrap { position: relative; }
.media-slider {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 0.5rem;
}
.media-slider::-webkit-scrollbar { display: none; }

/* 슬라이드 카드: 화면의 80% */
.media-slide-item {
  flex: 0 0 80%;
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;
  display: block;
}

/* 썸네일 */
.media-slide-item__thumb {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 62.5%; /* 16:10 비율 = 10/16*100 */
  background: #111;
  display: block;
}
.media-slide-item__thumb img,
.media-slide-item__thumb .gallery-no-img,
.media-slide-item__thumb .gallery-item__overlay,
.media-slide-item__thumb .gallery-play-icon,
.media-slide-item__thumb .gallery-item__info {
  position: absolute;
}
.media-slide-item__thumb img {
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 35%; display: block;
}
.media-slide-item__thumb .gallery-no-img {
  inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: #f1f1f1; color: #888; font-size: 0.9rem;
}
.media-slide-item__thumb .gallery-item__overlay {
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0.1) 70%, transparent 100%);
}
.media-slide-item__thumb .gallery-play-icon {
  top: 50%; left: 50%;
  transform: translate(-50%,-50%); pointer-events: none; opacity: 0.85;
}
.media-slide-item__thumb .gallery-item__info {
  bottom: 0; left: 0; right: 0; padding: 0.875rem;
}
.media-slide-item__thumb .gallery-item__tag {
  display: inline-block; padding: 0.2rem 0.5rem;
  background: hsla(45,93%,47%,0.95); color: var(--accent-foreground, #1a1a1a);
  font-size: 0.6875rem; font-weight: 700; border-radius: 4px; margin-bottom: 0.375rem;
}
.media-slide-item__thumb .gallery-item__title {
  color: #fff; font-weight: 700; font-size: 0.9375rem; line-height: 1.4;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0;
}

/* 이전/다음 버튼 */
.media-slider-nav {
  display: flex; justify-content: center; gap: 0.75rem; margin-top: 1rem;
}
.media-slider-nav__btn {
  width: 2.5rem; height: 2.5rem; border-radius: 50%;
  border: 1px solid var(--border, #ddd);
  display: flex; align-items: center; justify-content: center;
  background: var(--background, #fff); color: var(--foreground, #111);
  cursor: pointer; transition: background 0.2s;
}
.media-slider-nav__btn:hover { background: var(--muted, #f5f5f5); }

/* 데스크탑: 슬라이더 숨기고 그리드 보임 */
@media (min-width: 768px) {
  .media-slider-wrap { display: none; }
}

/* 모바일: 데스크탑 그리드(.gallery-page 포함 래퍼) + 인디케이터 숨김 */
@media (max-width: 767px) {
  .gallery-section .gallery-desktop-wrap,
  .gallery-indicators { display: none !important; }
}

/* ─────────────────────────────────────────────
   기존 새글 스킨 (latest) 백업 — 호환용 */
.pic_lt {position:relative;margin-bottom:20px;background:#fff}
.pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}
.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover {color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul {margin: 0 -10px}
.pic_lt li {float:left;width:25%;padding:0 10px}
.pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important}
.pic_lt li .lt_img {margin:5px 0;display:block}
.pic_lt li .lt_img img, .pic_lt li .lt_img video {width:100%;height:auto}
.pic_lt li a:hover {color:#a22121}
.pic_lt .profile_img img{border-radius:50%}
.lt_info {padding:10px 0}
.lt_info .lt_date {color:#888}
.pic_lt .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.pic_lt .empty_li:before {background:none;padding:0}