@charset "utf-8";

/* List */
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item h2 { display:block; font-size:16px; line-height:22px; margin:10px 12px; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details { padding:0px 12px;}
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100%}


/* Infinite */
.list-wrap #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.list-wrap .list-more { text-align:center; margin-bottom:20px; }
.list-wrap .list-more a { color:#ddd; font-size:60px; }
.list-wrap .list-top { line-height:1px; }


.list-tsearch .btn.btn-color {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #6900c7;
    background-color: #6900c7;
	border-radius: 6px !important;
	}



.img-wrap .img-item img {
 width: 100%;
 height:100%;
    aspect-ratio: 1 / 1; /* 👉 정사각형 */
    object-fit: cover;
}

.img-wrap {
    background: #f8f8f8; /* 로딩시 깔끔 */

}

/* ===== 모바일 가로 리스트 정리 ===== */
@media (max-width: 768px) {

    .list-wrap {
        display: block;
    }

    .list-row {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .list-item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 10px;
        gap: 10px;
    }

    /* ===== 이미지 ===== */
    .img-area,
    .imgframe,
    .list-img {
        width: 110px;
        min-width: 110px;
    }

    .img-wrap {
        padding-bottom: 100% !important;
    }

    /* ===== 오른쪽 내용 ===== */
    .content-area {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* 제목 */
    .content-area h2 {
        font-size: 14px;
        margin: 0 0 6px 10px;
        line-height: 1.4;
        height: 25px;
        overflow: hidden;
    }

    /* 가격 */
    .item-price {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 4px;
    }

    .discount-wrap {
        gap: 4px;
    }

    .sale-price {
        font-size: 15px;
    }

    /* 작성자 / 시간 */
    .list-details {
        font-size: 11px;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

    .list-details span {
        display: inline-block;
    }

    /* 상태 뱃지 */
    .status {
        top: 5px;
        left: 5px;
        font-size: 11px;
        padding: 2px 6px;
    }
}