@charset "utf-8";

/* =========================================================
   Pic Slide Mini (Sponsored Press Releases)
   - Theme tokens 기반
   - Swiper 미초기화 시: PC 4 / Mobile 2 그리드 폴백
   ========================================================= */

.pic_slide_mini{width:100%;margin:36px 0 36px 0;font-family:inherit}

/* Header */
.pic_slide_mini .psm_header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 24px 0}
.pic_slide_mini .psm_title_main{margin:0;font-size:24px;font-weight:800;line-height:1.1;color:var(--text,#111)}
.pic_slide_mini .psm_more{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;color:var(--text-sub,var(--text-md,#666));transition:color .18s ease}
.pic_slide_mini .psm_more svg{width: 18px; height:18px;}
.pic_slide_mini .psm_more:hover{color:var(--brand-600,var(--brand-500,#7C5CFF))}

/* Swiper container */
.pic_slide_mini .swiper{width:100%}

/* Grid fallback when Swiper JS not initialized */
.pic_slide_mini .swiper:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pic_slide_mini .swiper:not(.swiper-initialized) .swiper-slide{width:auto !important}

/* Item */
.pic_slide_mini .psm_item{box-sizing:border-box;height:auto}
.pic_slide_mini .psm_link{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;min-height:84px;border-radius:14px;transition:background-color .18s ease}
.pic_slide_mini .psm_link:hover{background:var(--surface-2,rgba(0,0,0,.04))}

/* Thumbnail */
.pic_slide_mini .psm_img_wrap{border-radius:12px;overflow:hidden;background:var(--surface-3,rgba(0,0,0,.06))}
.pic_slide_mini .psm_img_wrap img{width:100%;height:100%;object-fit:cover;display:block}

/* Text */
.pic_slide_mini .psm_txt_wrap{flex:1;min-width:0}
.pic_slide_mini .psm_cate{display:block;margin:0 0 4px 0;font-size:.75rem;font-weight:700;line-height:1.1;color:var(--brand-600,var(--brand-500,#7C5CFF))}

.pic_slide_mini .psm_subject{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;margin:0 0 6px 0;font-size:1.02rem;font-weight:800;line-height:1.5;color:var(--text,#111);}

.pic_slide_mini .psm_desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-word;margin:0 0 8px 0;font-size:14px;line-height: 1.6;color:var(--text-sub,var(--text-md,#666))}

.pic_slide_mini .psm_meta{display:flex;align-items:center;gap:6px;font-size:.78rem;line-height:1;color:var(--text-sub,var(--text-md,#777))}
.pic_slide_mini .psm_meta .fa{font-size:.92em;opacity:.85}
.pic_slide_mini .psm_dot{opacity:.65}

.pic_slide_mini .psm_empty{padding:36px 0;text-align:center;font-size:.92rem;color:var(--text-sub,var(--text-md,#777))}

/* =========================================================
   Responsive
   - Mobile: 2열(폴백 그리드), 썸네일 상단 카드형
   ========================================================= */
@media (max-width: 767px){
  .pic_slide_mini .psm_title_main{font-size:20px;}

  .pic_slide_mini .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

  .pic_slide_mini .psm_link{flex-direction:column;}
  .pic_slide_mini .psm_img_wrap{width:100%;height:110px;flex:none;border-radius:12px}
  .pic_slide_mini .psm_subject{-webkit-line-clamp:2;font-size:.98rem}
  .pic_slide_mini .psm_desc{-webkit-line-clamp:2}
  .pic_slide_mini .psm_more{font-size:12px;}
  .pic_slide_mini .psm_more svg{width: 16px; height:16px;}
}