﻿@charset "UTF-8";

/*
  매물 목록 이미지 높이 고정
  원본 이미지의 가로·세로 비율과 해상도에 관계없이
  같은 화면 구간에서는 동일한 크기로 표시합니다.
*/

/* PC: 가로형 매물 카드 */
.room-catalog-results .room-list-card > a{
    height:165px !important;
    min-height:165px !important;
    max-height:165px !important;
}

.room-catalog-results .room-list-card__image{
    width:205px;
    height:165px !important;
    min-height:165px !important;
    max-height:165px !important;
    aspect-ratio:auto !important;
    overflow:hidden;
    align-self:stretch;
    background:#eef1f6;
}

.room-catalog-results .room-list-card__image img{
    display:block;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center;
}

.room-catalog-results .room-list-card__body{
    min-height:0;
    overflow:hidden;
}

/* 태블릿 */
@media (max-width:900px){
    .room-catalog-results .room-list-card > a{
        height:150px !important;
        min-height:150px !important;
        max-height:150px !important;
        grid-template-columns:180px minmax(0,1fr);
    }

    .room-catalog-results .room-list-card__image{
        width:180px;
        height:150px !important;
        min-height:150px !important;
        max-height:150px !important;
    }
}

/* 모바일: 세로형 카드에서도 이미지 높이를 동일하게 고정 */
@media (max-width:760px){
    .room-catalog-results .room-list-card > a{
        display:block;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
    }

    .room-catalog-results .room-list-card__image{
        width:100%;
        height:210px !important;
        min-height:210px !important;
        max-height:210px !important;
        aspect-ratio:auto !important;
    }
}

@media (max-width:480px){
    .room-catalog-results .room-list-card__image{
        height:180px !important;
        min-height:180px !important;
        max-height:180px !important;
    }
}
