/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2025 | 17:31:26 */
/*  메인겔*/
.dalbang_main_category, .dalbang_main_category a {
	color:#ababab;
	font-weight:normal;
	text-decoration: none !important;
}
/* 미디어-텍스트 기본 비율(데스크톱) */
.wp-block-media-text{
  display: grid;
  grid-template-columns: 32% 1fr;
  column-gap: 20px;
}
.wp-block-media-text__media,
.wp-block-media-text__media > a{ 
  display:block; 
  width:100%; 
}

.wp-block-media-text>.wp-block-media-text__content{
	padding: 0 !important;
}
.wp-block-media-text>.wp-block-media-text__content .list_view_pd{
	padding: 0 !important 0 0 15px;
}

.wp-block-post-terms__separator {
	color:#aaa !important;
	font-weight:normal;
}



/* 카드 안 이미지 간격 통일(최소 패치) */
.wp-block-query .wp-block-post .wp-block-media-text{ column-gap:16px; align-items:start; }
.wp-block-query .wp-block-post .wp-block-media-text__media{ margin:0 !important; } /* figure 기본 마진 제거 */
.wp-block-query .wp-block-post .wp-block-media-text__media img{ display:block; }   /* 인라인 하단 여백 제거 */

.dal_content p.wp-block-post-excerpt__excerpt {
	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 3;  /* 1~3으로 취향대로 */
 	overflow: hidden;
	font-size:15px;
}
.dal_price_st{
	font-weight: 600;
}

.wp-block-media-text__media img{
  width:100%; height:170px; object-fit:cover; border:1px solid #eee;border-radius: 10%;
}
.dalbang_list_view .wp-block-media-text__media img{
  width:100%; height:240px; object-fit:cover; display:block; 
}

/* ⚠️ 중간 폭(1180px 이하)에서 비율 조금 넓게 */
@media (max-width: 1180px){
  .wp-block-media-text{ grid-template-columns: 36% 1fr; }
  /*.wp-block-media-text__media img{ height:200px; }*/
}

/* ⚠️ 애매한 폭(980px 이하: Surface Pro 7 등)에서는 1열로 전환 */
@media (max-width: 980px){
  .wp-block-query .wp-block-post-template.is-layout-grid{
    grid-template-columns: 1fr;     /* 한 줄 한 카드 */
    /*gap: 20px;*/
  }
  .wp-block-media-text{ 
    grid-template-columns: 38% 1fr; 
    column-gap: 14px; 
  }

  /* ▼ height:170px → aspect-ratio 방식으로 교체 */
	.wp-block-media-text__media{
    aspect-ratio: 4 / 3;   /* 필요시 16/9, 3/2 등으로 변경 가능 */
    overflow: hidden;
  }
   .wp-block-media-text__media img{
    width:100%;
    height:100%;
    object-fit: cover;   /* 동일 비율 유지하면서 채우기 */
  }
}

/* ⚠️ 모바일(768px 이하)에서는 완전 1열 전환 */
@media (max-width: 768px){
  .wp-block-media-text{ 
    grid-template-columns: 1fr; 
    row-gap: 14px; 
  }
	.dal_price_st{
	font-size: var(--wp--preset--font-size--medium) !important;
}
	.dal_content p.wp-block-post-excerpt__excerpt {
	font-size:14px;
}
	
	.wp-block-media-text__media{
    aspect-ratio: 4 / 3;   /* 모바일에서도 같은 비율 유지 */
  }
	.dal_content {
    display: none !important;
  }
	.wp-block-media-text>.wp-block-media-text__content .list_view_pd{
	padding: 0 !important;
}
}
