@charset "utf-8";

/* 갤러리 목록 */
/* ==================================================
   마켓/중고거래 전용 리스트 스타일 (mk_ 접두사)
   타 게시판 스킨과의 충돌을 방지합니다.
================================================== */
.mk_gallery_wrap {/* overflow:hidden; */}
.mk_gallery_wrap #mk_allchk { margin-bottom:10px; }

.mk_list_ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;margin: 0;padding: 0;list-style: none;}
.mk_list_li {position: relative;width: 100%;margin: 0;box-sizing: border-box; }
.mk_list_li input[type="checkbox"] {position: absolute;top: 10px;left: 10px;width:15px;height:15px;z-index: 1;}
.mk_list_li.mk_now .mk_list_con { border-color:#ff3061; box-shadow:0 0 5px rgba(255, 48, 97, 0.3); }

.mk_list_con {border:1px solid #e1e1e1;background:#fff;border-radius: 15px;overflow:hidden;transition:all 0.2s ease-in-out;}
.mk_list_con:hover { border-color:#bbb; box-shadow:0 4px 10px rgba(0,0,0,0.1); }

/* 이미지 영역 */
.mk_img_link { display:block; overflow:hidden; width:100%; }
.mk_img_link img { display:block; width:100%; height:auto; transition:transform 0.3s ease; }
.mk_list_con:hover .mk_img_link img { transform:scale(1.03); }

/* 하단 정보 영역 */
.mk_list_info {padding: 15px;border-top:1px solid #f2f2f2;}
.mk_subject {font-weight:bold;color:#222;line-height: 18px;}
.mk_author {margin-top: 8px;}

.mk_notice_table { width:100%; border-collapse:collapse; margin-bottom:20px; border-top:2px solid #444; }
.mk_notice_table td { padding:12px 10px; border-bottom:1px solid #e9e9e9; text-align:center;}
.mk_notice_table .td_chk { width:30px; } /* 체크박스 열 너비 */
.mk_notice_table .td_notice { width:60px; }
.mk_notice_table .td_subject { text-align:left; }
.mk_notice_table .td_subject a { color:#222; font-weight:bold; text-decoration:none; }
.mk_notice_table .td_subject a:hover { text-decoration:underline; }
.mk_notice_table .td_name { width:100px; }
.mk_notice_table .td_date { width:100px; }

/* 부모 화면이 800px 이하일때 2개, 480px 이하일때 1개로 변환하며 꽉 채움 */
@media (max-width: 600px) {
   .mk_list_ul { grid-template-columns: repeat(2, 1fr); }
}
/*@media (max-width: 480px) {
   .mk_list_ul { grid-template-columns: 1fr; }
}*/

/* 이미지 영역 꽉 채우기 및 비율 유지 */
.mk_list_con .mk_img_link {
   display: block;
   width: 100%;
   aspect-ratio: 4 / 3; /* 이미지 비율 고정 (원하는 비율로 조정 가능) */
   overflow: hidden;
   background: #f7f7f7;
}
.mk_list_con .mk_img_link img,
.mk_list_con .mk_img_link .no_image {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover; /* 이미지가 박스에 꽉 차도록 크롭 */
}