/* Start custom CSS for shortcode, class: .elementor-element-c404da2 *//* =========================
   Ajax Load More Grid
========================= */

.alm-listing{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:30px !important;

    width:100% !important;
}

/* =========================
   카드 전체
========================= */

.alm-listing .jkit-postblock-post{
    background:#fff;
    border:1px solid #e9e9e9;

    overflow:hidden;

    display:flex;
    flex-direction:column;

    height:100%;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

/* hover */

.alm-listing .jkit-postblock-post:hover{
    transform:translateY(-6px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.08);
}

/* =========================
   썸네일
========================= */

.jkit-thumb{
    position:relative;

    overflow:hidden;

    aspect-ratio:16/9;

    background:#f5f5f5;
}

.jkit-thumb img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .7s ease;
}

/* 이미지 hover */

.alm-listing .jkit-postblock-post:hover .jkit-thumb img{
    transform:scale(1.04);
}

/* =========================
   내용 영역
========================= */

.jkit-postblock-content{
    padding:32px;

    display:flex;
    flex-direction:column;

    flex:1;
}

/* =========================
   제목
========================= */

.jkit-post-title{
    font-size:22px !important;

    line-height:1.6;

    font-weight:600;

    letter-spacing:-0.03em;

    word-break:keep-all;

    margin:0 0 24px;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    overflow:hidden;
}

.jkit-post-title a{
    color:#111;
    text-decoration:none;

    transition:.25s;
}

.jkit-post-title a:hover{
    opacity:.7;
}

/* =========================
   설명
========================= */

.jkit-post-excerpt{
    font-size:16px;

    line-height:1.9;

    color:#666;

    margin-bottom:32px;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    overflow:hidden;
}

/* =========================
   작성자 영역
========================= */

.post-meta-top{
    display:flex;
    align-items:center;

    margin-top:auto;

    padding-top:24px;

    border-top:1px solid #ededed;

    margin-bottom:24px;
}

/* 작성자 그룹 */

.post-author-left{
    display:flex;
    align-items:center;

    gap:12px;
}

/* 관리자 사진 */

.post-author-thumb{
    width:46px;
    height:46px;

    border-radius:50%;

    overflow:hidden;

    flex-shrink:0;
}

.post-author-thumb img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}

/* 관리자 정보 */

.post-author-info{
    display:flex;
    flex-direction:column;
}

/* 이름 */

.post-author-name{
    font-size:15px;
    font-weight:600;

    color:#111;

    line-height:1.4;

    margin-bottom:4px;
}

/* 날짜 */

.post-date{
    font-size:13px;

    color:#888;
}

/* =========================
   하단 영역
========================= */

.post-meta-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding-top:20px;

    border-top:1px solid #ededed;
}

/* 조회수 / 댓글 */

.post-stats{
    display:flex;
    align-items:center;

    gap:20px;

    font-size:14px;

    color:#666;
}

/* =========================
   좋아요
========================= */

.post-like{
    display:flex;
    align-items:center;

    gap:10px;
}

/* 좋아요 전체 박스 */

.post-like .wpulike{
    display:flex !important;
    align-items:center;
    gap:6px;

    padding:0 !important;
    margin:0 !important;
}

/* 좋아요 버튼 */

.post-like .wp_ulike_btn{
 .post-like .wpulike{
    border:none !important;
    background:none !important;
    box-shadow:none !important;

    font-size:24px !important;

    padding:15 !important;
}

/* 카운트 숫자 */

.post-like .count-box{
    font-size:14px !important;

    min-width:auto !important;
    width:auto !important;

    padding:0 !important;
    margin:0 !important;

    border:none !important;
    background:none !important;
}

/* 눌렀을 때 */

.post-like .wp_ulike_is_liked .wp_ulike_btn{
    color:#ff4b6e !important;
}

/* =========================
   반응형
========================= */

@media(max-width:1024px){

    .alm-listing{
        grid-template-columns:repeat(2,1fr) !important;
    }

}

@media(max-width:767px){

    .alm-listing{
        grid-template-columns:1fr !important;
    }

    .jkit-postblock-content{
        padding:22px;
    }

    .jkit-post-title{
        font-size:20px !important;
    }

    .jkit-post-excerpt{
        font-size:15px;
    }

}
/* 제목 아래 admin 영역 */

.post-meta-top{
    margin-top:0;
    margin-bottom:24px;

    padding-top:0;

    border-top:none;
}

/* admin 아래 내용 간격 */

.jkit-post-excerpt{
    margin-top:0;
}/* End custom CSS */