@charset "utf-8";

/* pic_lt */
.pic_lt { box-sizing: border-box; }
.pic_lt .gallery { display: flex; flex-wrap: wrap; margin: -1px; padding: 0; list-style: none; } /* 간격을 1px로 조정 */
.pic_lt .gallery_li {
    width: calc(25% - 2px); /* 4열 레이아웃, 간격 2px로 조정 */
    margin: 1px; /* 간격을 1px로 설정 */
    box-sizing: border-box;
}

/* 갤러리 박스 - 카드 디자인 */
.pic_lt .gallery_box {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pic_lt .gallery_box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

/* 갤러리 이미지 */
.pic_lt .gallery_img {
    display: block;
    width: 100%;
    height: 127px; /* 높이를 5px 줄여 127px로 조정 */
    background-color: #F4F3EE; /* 요구사항 배경색 */
    overflow: hidden;
}
.pic_lt .gallery_img img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 이미지가 잘리지 않고 비율을 유지하며 표시되도록 변경 */
    transition: transform 0.3s ease;
}
.pic_lt .gallery_box:hover .gallery_img img {
    transform: scale(1.05);
}

/* 갤러리 정보 */
.pic_lt .gallery_info_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; /* 세로 중앙 정렬을 위해 flex-start에서 변경 */
    padding: 8px 10px; /* 상하 패딩을 줄여 높이 감소 */
    background-color: #C9C9C9; /* 요구사항 배경색 */
    /* min-height: 50px; */ /* 높이를 유연하게 조절하기 위해 최소 높이 속성 제거 */
    box-sizing: border-box;
}

/* 갤러리 제목 */
.pic_lt .gallery_title {
    flex-grow: 1;
    margin-right: 10px;
}
.pic_lt .gallery_title a {
    /* 사용자 요청 스타일 */
    color: #000 !important;
    font-size: 16px !important;
    letter-spacing: -3px !important;
    text-decoration: none;
    font-weight: normal;
}

/* 갤러리 날짜 */
.pic_lt .gallery_date {
    font-size: 12px;
    color: #333; /* 진한 회색 */
    white-space: nowrap;
    padding-top: 2px; /* 제목과 수직 정렬을 위한 미세 조정 */
}