/* 이전 전시 목록 (/privatesale/exhibit?tab=past) — 레이아웃/스타일은 경매결과(results)와 동일 */
/* 탭 아래 간격은 헤더 padding(40px)만 사용, 푸터와의 간격 120px (경매결과와 동일) */
.basis-section.past_exhibit-section {
    margin-top: 0;
    margin-bottom: 120px;
}
.past_exhibit-section .past_exhibit-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 30px;
}
.past_exhibit-section .count-box {
    width: 100%;
    color: #111;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.past_exhibit-section .count-badge {
    color: #39c3bc;
    background-color: rgba(57, 195, 188, 0.12);
    display: inline-block;
    padding: 0 10px;
    border-radius: 40px;
    font-weight: 600;
    margin-left: 5px;
    font-style: normal;
}
/* 전시 탭바: 경매결과(TabButtons)와 동일 — 위 여백 60px, 버튼 38px/0.5px #ccc */
.basis-section.type_tab-private_sale.exhibit-tab-section {
    margin-top: 60px;
}
.exhibit-tab-section .tab-area.type-left_lg {
    margin-top: 0;
    height: 40px;
}
.exhibit-tab-section .tab-area.type-left_lg .tab-list.wrap-tab-round li a,
.exhibit-tab-section .tab-area.type-left_lg .tab-list.wrap-tab-round li.active a {
    height: 38px;
    line-height: 34px;
    border-width: 0.5px;
}
.exhibit-tab-section .tab-area.type-left_lg .tab-list.wrap-tab-round li a {
    border-color: #ccc;
    color: #111;
}
.exhibit-tab-section .tab-area.type-left_lg .tab-list.wrap-tab-round li.active a {
    border-color: #39c3bc;
    color: #fff;
}

/* 검색: 경매결과(auction-list_filter_search)와 동일 */
.past_exhibit-section .search-box.auction-list_filter_search {
    position: relative;
    width: 189px;
    flex-shrink: 0;
}
.past_exhibit-section .auction-list_filter_search .icon_auction-search {
    position: absolute;
    left: 0;
    right: auto;
    top: 10px;
    z-index: 1;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.past_exhibit-section .auction-list_filter_search .icon_auction-search::after {
    background-image: url('https://public.seoulauction.io/resources/assets/images/common/ic_search_md.svg');
    background-repeat: no-repeat;
    background-position: initial;
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 5px;
}
.past_exhibit-section .search-box input[type='search'] {
    width: 100%;
    height: 42px;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    box-sizing: border-box;
}
.past_exhibit-section .search-box input[type='search']::placeholder {
    color: #aaa;
}
/* 크롬 자동완성 배경(연파랑) 방지 */
.past_exhibit-section .search-box input[type='search']:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
}

.past_exhibit-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    column-gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.past_exhibit-list > li {
    width: calc(50% - 10px);
    margin-bottom: 50px;
}
.past_exhibit-card {
    position: relative;
    height: 100%;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.past_exhibit-card .image-area {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 45.0363%; /* Figma 826:372 (17612:50435) */
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
.past_exhibit-card .image-area img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 5px;
}
/* 카드 텍스트/버튼: Figma 전시/이전 전시/item (17612:50435, 50449) — 제목 전체 폭 줄바꿈, 버튼 우하단 */
.past_exhibit-card .description {
    padding: 40px 30px;
}
.past_exhibit-card .title {
    font-size: 24px;
    font-weight: 600;
    color: #1c1c1c;
    line-height: 30px;
    margin-bottom: 10px;
    word-break: break-word;
}
.past_exhibit-card .date,
.past_exhibit-card .place {
    font-size: 18px;
    font-weight: 500;
    color: #575757;
    line-height: 28px;
    width: 100%;
}
.past_exhibit-card .place {
    margin-top: 10px;
    min-height: 28px; /* 위치 정보 없어도 한 줄 높이 유지 (17612:50449) */
}
.past_exhibit-card .btn-detail {
    position: absolute;
    bottom: 35px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 44px;
    border: 0.8px solid #ccc;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.36px;
    line-height: 24px;
    color: #111;
    background-color: transparent;
    box-sizing: border-box;
}
.past_exhibit-card .btn-detail img {
    width: 18px;
    height: 18px;
}
.past_exhibit-card .btn-detail:hover {
    border-color: #111;
    color: #111;
}

/* 전시 상세 갤러리 autoHeight 지원: 사이트에 로드된 swiper CSS에는 autoheight 규칙이 없어 직접 추가.
   슬라이드가 wrapper 높이로 stretch되면(전역 img max-height:100%와 순환) 높이가 고정되므로 해제 */
.exhibit_gallery.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
}
.exhibit_gallery.swiper-autoheight .swiper-slide {
    height: auto;
}

/* 이전 전시 상세: 작품 이미지 크기 제한 (저작권) */
#exhibit_content.closed-exhibit .product-list .img-ratio img {
    max-width: 57%;
    max-height: 57%;
}

/* 이전 전시 상세: 컨텐츠와 목록 버튼 사이 여백 — 전역 last-section margin(PC 120/MO 60)이 중간에 끼지 않도록 제거.
   간격은 목록 버튼 영역 padding-top 64px로만 확보 (Figma 17612:51266, PC/모바일 동일 — 코멘트 37025) */
#exhibit_content.closed-exhibit {
    margin-bottom: 0;
}

/* 이전 전시 상세: 목록 버튼 */
.past_exhibit-list_btn-area {
    display: flex;
    justify-content: center;
    padding: 64px 0 120px;
}
/* 작품 목록이 없는 이전 전시 상세: 상세 아티클 하단 패딩(PC 40px)이 겹쳐 보이지 않도록 상쇄 → 총 여백 64px 유지 */
.past_exhibit-list_btn-area.type-no_lots {
    margin-top: -40px;
}
.past_exhibit-list_btn-area .btn-past-list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #555;
    box-sizing: border-box;
}

.past_exhibit-section .paging-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding-top: 20px;
}
.past_exhibit-section .paging-area a {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    cursor: pointer;
}
.past_exhibit-section .paging-area a.on {
    background-color: #39c3bc;
    color: #fff;
}
.past_exhibit-section .paging-area a.dots {
    padding: 0 5px;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 400;
    color: #aeb5bc;
    cursor: initial;
}
.past_exhibit-section .paging-area a.prev-page,
.past_exhibit-section .paging-area a.next-page {
    padding: 9px 5px 5px;
}
.past_exhibit-section .paging-area a img {
    width: 18px;
    height: 18px;
}

.past_exhibit-empty {
    padding: 100px 0;
    text-align: center;
}
.past_exhibit-empty img {
    width: 74px;
}
.past_exhibit-empty h2 {
    margin-top: 35px;
    font-size: 24px;
    font-weight: 600;
    color: #333;
}
.past_exhibit-empty p {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    line-height: 1.5;
}

@media all and (max-width: 1023px) {
    /* 전시 탭바 모바일: 경매결과와 동일 (위 여백 30px, 리스트 좌측 패딩 제거, 버튼 16px/0 16px) */
    .basis-section.type_tab-private_sale.exhibit-tab-section {
        margin-top: 30px;
    }
    /* 탭 섹션은 모바일에서 풀블리드(padding 0)라 리스트 자체에 좌우 동일 여백 부여 (코멘트 37036)
       — 양끝 25px: 경매결과 탭/본문 콘텐츠의 화면 여백과 동일
       — min-width: max-content 필수: type-left_lg 공통 규칙의 min-width:auto가 스크롤 끝 padding-right를 삼키는 것 방지 */
    .exhibit-tab-section .tab-area.type-left_lg .tab-list {
        padding: 0 25px;
        min-width: max-content;
    }
    .exhibit-tab-section .tab-area.type-left_lg .tab-list li:first-child {
        padding-left: 0; /* 공통 CSS의 first-child 15px 중복 방지 */
    }
    /* 마지막 버튼 margin 8px이 우측 여백에 더해지는 것 방지.
       주의: 이 사이트는 CSS를 런타임에 비동기 인라인해 파일 간 순서가 로드마다 달라짐 —
       common.css의 `…wrap-tab-round li.active a`(0,5,2)와 동점이면 순서 레이스에 지므로
       .wrap-tab-round를 포함해 특이도(0,6,2)로 항상 이기게 함 */
    .exhibit-tab-section .tab-area.type-left_lg .tab-list.wrap-tab-round li:last-child a {
        margin-right: 0;
    }
    .exhibit-tab-section .tab-area.type-left_lg .tab-list.wrap-tab-round li a,
    .exhibit-tab-section .tab-area.type-left_lg .tab-list.wrap-tab-round li.active a {
        font-size: 16px;
        /* 경매결과 모바일 탭 실측과 동일 (li 38px 박스 + 34px 라인) — 공통 CSS의 36px 오버라이드 */
        height: 38px;
        line-height: 34px;
        padding: 0 16px;
        /* 0.5px는 변마다 렌더링 굵기가 달라져(코멘트 37028) 모바일은 1px (Figma 모바일 탭 버튼과 동일) */
        border-width: 1px;
    }
    .past_exhibit-section .past_exhibit-header {
        flex-direction: column-reverse;
        align-items: stretch;
        padding: 10px 0 0;
    }
    .past_exhibit-section .count-box {
        font-size: 14px;
        margin: 20px 0;
    }
    .past_exhibit-section .search-box.auction-list_filter_search {
        width: 100%;
    }
    .past_exhibit-list > li {
        width: 100%;
    }
    .past_exhibit-card .description {
        padding: 15px 20px 20px;
    }
    .past_exhibit-card .title {
        font-size: 18px;
        line-height: 1.55;
    }
    .past_exhibit-card .date,
    .past_exhibit-card .place {
        font-size: 13px;
        line-height: 1.55;
        width: 100%;
    }
    .past_exhibit-card .place {
        margin-top: 3px;
        min-height: 20px; /* 위치 정보 없어도 한 줄 높이 유지 */
    }
    .past_exhibit-card .btn-detail {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 45px;
        padding: 5px 15px;
        font-size: 14px;
        line-height: 100%;
        margin-bottom: 20px;
    }
    /* 모바일 버튼은 화살표 없음 (Figma 17612:51202) */
    .past_exhibit-card .btn-detail img {
        display: none;
    }
    .past_exhibit-section .paging-area {
        display: none;
    }
    /* 진행중 전시 상세 문의하기: lot-list 공통 CSS가 모바일에서 .panel-footer를 숨기므로 문의하기가 있을 때만 다시 표시 */
    #exhibit_content .content-panel.wrap-lot_list .panel-footer.has-inquiry {
        display: block;
    }

    /* 전시 페이지 하단 여백 통일: PC 120px / 모바일 64px (SRI-4260 코멘트 37022)
       - 이전 전시 목록: 모바일 오버라이드가 없어 120px 그대로 쓰이던 것을 64px로
       - 전시 상세/소개(#exhibit_content): 공통 .last-section 모바일 60px을 64px로
       - 이전 전시 상세 목록 버튼 영역: 하단 120px을 64px로 */
    .basis-section.past_exhibit-section {
        margin-bottom: 64px;
    }
    .past_exhibit-list > li:last-child {
        margin-bottom: 0; /* 모바일은 페이징이 없어 마지막 카드 간격(50px)이 하단 여백에 더해지는 것 방지 */
    }
    #exhibit_content.last-section:not(.closed-exhibit) {
        margin-bottom: 64px; /* 이전 전시 상세(closed)는 중간 여백 제거 규칙(margin 0)이 우선 */
    }
    .past_exhibit-list_btn-area {
        padding-bottom: 64px;
    }
    /* 상세 아티클 모바일 하단 패딩은 15px */
    .past_exhibit-list_btn-area.type-no_lots {
        margin-top: -15px;
    }
}