.elementor-1366 .elementor-element.elementor-element-f9e3656{--display:flex;}.elementor-1366 .elementor-element.elementor-element-e34d18a{--item-display:flex;--read-more-alignment:1;--grid-row-gap:12px;--grid-column-gap:21px;}.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.84 * 100% );}.elementor-1366 .elementor-element.elementor-element-e34d18a:after{content:"0.84";}.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-post__thumbnail__link{width:18%;}.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-post__meta-data span + span:before{content:"/";}.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-post{border-radius:55px;box-shadow:0px 0px 10px 0px rgba(180.2, 180.2, 180.2, 0.5);background-color:#FFFFFF;}.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-post__thumbnail{border-radius:0px 0px 0px 0px;}.elementor-1366 .elementor-element.elementor-element-e34d18a.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-1366 .elementor-element.elementor-element-e34d18a.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-1366 .elementor-element.elementor-element-e34d18a.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-post__thumbnail img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1366 .elementor-element.elementor-element-e34d18a:after{content:"0.5";}.elementor-1366 .elementor-element.elementor-element-e34d18a .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-e34d18a */p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 보여주고 싶은 줄 수 (예: 2줄) */
  overflow: hidden;
  line-height: 1.5em;    /* 줄 높이 */
  max-height: 3em;       /* line-height * line-clamp 값 */
}

/* 선택자를 겹쳐서 우선순위를 높이고 !important를 사용합니다 */
article.elementor-post.elementor-grid-item {
    border-radius: 8px !important;
    overflow: hidden; /* 배경색이나 이미지가 모서리를 넘어가지 않게 방지 */
}

/* 1. 모든 포스트를 가로로 배치 (이미지 왼쪽, 글 오른쪽) */
.elementor-post {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start; /* 상단 정렬 */
  gap: 20px;               /* 이미지와 글 사이 간격 */
  margin-bottom: 20px;
}

/* 2. 이미지가 있는 썸네일 영역 크기 고정 (기존 목록 참고) */
.elementor-post__thumbnail__link,
.elementor-post__thumbnail {
  flex: 0 0 150px !important; /* 이미지 너비를 150px로 고정 (조절 가능) */
  height: 134px !important;   /* 이미지 높이 고정 (조절 가능) */
  overflow: hidden;
}

.elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 3. 이미지가 없는 포스트의 왼쪽에 빈 박스 만들기 */
.elementor-post:not(:has(.elementor-post__thumbnail))::before {
  content: "";
  flex: 0 0 150px !important; /* 위 썸네일 너비와 동일하게 */
  height: 134px !important;   /* 위 썸네일 높이와 동일하게 */
  background-color: #f0f0f0;  /* 빈 박스 색상 */
  display: block;
  border-radius: 4px;
  
    /* 🚩 여기에 사용할 임시 이미지 주소를 넣으세요 */
  background-image: url('https://picsum.photos/600/400');
  
  background-size: cover;
  background-position: center;
  background-color: #f0f0f0;  /* 이미지 로딩 실패 시 보일 색상 */
}

/* 4. 글 내용(제목, 요약문 등) 영역 */
.elementor-post__text {
  flex: 1; /* 나머지 공간을 모두 차지 */
}
  
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(1)::before { background-image: url('https://picsum.photos/150/100?random=1'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(2)::before { background-image: url('https://picsum.photos/150/100?random=2'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(3)::before { background-image: url('https://picsum.photos/150/100?random=3'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(4)::before { background-image: url('https://picsum.photos/150/100?random=4'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(5)::before { background-image: url('https://picsum.photos/150/100?random=5'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(6)::before { background-image: url('https://picsum.photos/150/100?random=6'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(7)::before { background-image: url('https://picsum.photos/150/100?random=7'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(8)::before { background-image: url('https://picsum.photos/150/100?random=8'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(9)::before { background-image: url('https://picsum.photos/150/100?random=9'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(10)::before { background-image: url('https://picsum.photos/150/100?random=10'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(11)::before { background-image: url('https://picsum.photos/150/100?random=11'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(12)::before { background-image: url('https://picsum.photos/150/100?random=12'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(13)::before { background-image: url('https://picsum.photos/150/100?random=13'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(14)::before { background-image: url('https://picsum.photos/150/100?random=14'); }
.elementor-post:not(:has(.elementor-post__thumbnail)):nth-child(15)::before { background-image: url('https://picsum.photos/150/100?random=15'); }
/* 필요한 만큼 숫자를 바꿔가며 추가할 수 있습니다. *//* End custom CSS */