@charset "utf-8";

/* 초기화 및 박스 모델 글로벌 설정 */
.xns_gnuboard_latest_gallery_list_owlcarousel,
.xns_gnuboard_latest_gallery_list_owlcarousel div,
.xns_gnuboard_latest_gallery_list_owlcarousel span,
.xns_gnuboard_latest_gallery_list_owlcarousel a,
.xns_gnuboard_latest_gallery_list_owlcarousel table,
.xns_gnuboard_latest_gallery_list_owlcarousel tr,
.xns_gnuboard_latest_gallery_list_owlcarousel th,
.xns_gnuboard_latest_gallery_list_owlcarousel td {
  padding:0px; margin:0px; line-height:normal;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.xns_gnuboard_latest_gallery_list_owlcarousel ul,
.xns_gnuboard_latest_gallery_list_owlcarousel li {
  padding:0px; margin:0px; list-style:none; line-height:normal;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* 메인 프레임 */
.xns_gnuboard_latest_gallery_list_owlcarousel { position:relative; overflow:hidden; }

/* GALLERY 타이틀 라인 */
.xns_gnuboard_latest_gallery_list_owlcarousel .title_center { position:relative; height:33px; padding-bottom:0px; overflow:hidden; border-bottom:2px solid #8b8d90; text-align:left; text-shadow:1px 1px 1px #aaa; }
.xns_gnuboard_latest_gallery_list_owlcarousel .title_center .btn_more { position:absolute; bottom:3px; right:0px; font-size:15px; display:inline-block; }
.xns_gnuboard_latest_gallery_list_owlcarousel .title_center span { position:relative; padding:0px; margin:0px; overflow:hidden; border-radius:0px; line-height:30px; font-size:16px; text-align:center; text-overflow:ellipsis; white-space:nowrap; background:none; display:inline-block; }
.xns_gnuboard_latest_gallery_list_owlcarousel .title_center span > i { font-size:10px; }

/* 갤러리 리스트 대부모 */
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list { position:relative; margin-top:20px; overflow:hidden; }
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list > ul { position:relative; overflow:hidden; }

/* 개별 리스트 아이템 카드 설정 (테두리 및 바닥 보호 공간 사수) */
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list li { 
  position:relative; 
  overflow:hidden; 
  border:1px solid #ddd !important; 
  border-radius:4px; 
  float:left; 
  display:inline-block; 
  height: auto !important; 
  margin-bottom: 8px !important; /* 💥 슬라이더 프레임 내에서 외곽 테두리 선이 칼자르듯 끊겨 보이지 않도록 바닥 완충 여백 확보 */
  background: #fff !important;
}

.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list li > a { position:relative; margin-right:0px; overflow:hidden; display:block; }

/* 💥 [갤러리 비대화 및 이미지 찌그러짐 원천 차단 튜닝] */
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list li > a .thumbnail_area { 
  position:relative; 
  overflow:hidden; 
  background:#efefef; 
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 75% !important; /* 💥 4:3 비율의 유연한 반응형 래퍼 가두기 기법 적용 (창 축소 시 실시간 비율 자동 동기화) */
}

/* 💥 슬라이더 이미지가 부모 너비에 100% 순응하여 부드럽게 스케일링되도록 강제 속성 삽입 */
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list li > a .thumbnail_area img { 
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width:100% !important; 
  height:100% !important;
  object-fit: cover !important; /* 💥 크기가 작아지거나 커져도 찌그러짐 없이 여백을 꽉 채우도록 이미지 스케일링 최적화 */
  display: block; 
}

/* 텍스트 내용 영역 (카드 내부 아래쪽 패딩 밸런스 유지) */
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list li > a .content_area { 
  position:relative; 
  padding: 10px 8px 12px 8px !important; /* 텍스트와 바닥 경계선 간 최적 거리 유지 */
  overflow:hidden; 
  border-top:1px solid #ddd; 
  background: #fff !important;
}
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list li > a .content_area > div { position:relative; overflow:hidden; }

/* 갤러리 제목 2줄 유지 및 고정 높이 구조 고정 */
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list li > a .content_area > div.gallery_title {
  height: 40px !important;       /* 글자 크기에 최적화된 2줄 고정 높이 */
  line-height: 20px !important;    
  font-size: 13px;               
  font-weight: bold;
  color: #333;
  overflow: hidden !important;     
  display: -webkit-box !important; 
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  padding-bottom: 0px !important;  
  word-break: break-all !important; /* 💥 긴 영문자/숫자 유입 시 카드가 찢어지지 않도록 자동 줄바꿈 부여 */
}

/* 뉴 아이콘 다홍빛 레드 디자인 매칭 */
.xns_gnuboard_latest_gallery_list_owlcarousel .gallery_list li > a .content_area > div.gallery_title .icon_new { 
  padding:1px 4px 2px 4px; 
  margin-top:-3px; 
  border-radius:3px; 
  line-height:14px; 
  font-size:10px; 
  color:#fff; 
  vertical-align:middle; 
  background:#e63946; 
  display:inline-block; 
}