@charset "utf-8";

#bo_gall #gall_ul{margin:0 auto !important;}


#wr_3{width:40px}

.td_subject img {margin-left:3px}

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {float:left; margin:0 0px 20px; width:100%; padding:0 5px;}



#bo_gall .gall_li table {border-collapse:collapse; width:100%; min-height:70px; }
#bo_gall .gall_li table td {text-align:center; border:1px solid #ddd; vertical-align:top; }
#bo_gall .gall_li table td:nth-child(1) {width:230px; padding:10px}
#bo_gall .gall_li table td:nth-child(2){text-align:left; padding:10px; vertical-align:top; background:#fafafa;}

#bo_gall .gall_con {margin:0;padding:0;list-style:none}
#bo_gall .gall_con li {margin:0 0 4px}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}

#bo_gall .gall_text_href {margin:10px 0 !important}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href span {display:inline !important}
#bo_gall .gall_text_href img {margin:0 0 0 4px}




div.ca {display:inline; padding-left:10px; color:#333;}
div.name {font-size:15px; font-weight:bold; padding-top:10px; }

.gall_href p {line-height:18px;}

#gall_ul .ca_tit{margin-top:30px; padding:0 !important;}
#gall_ul .ca_tit:first-child{margin-top:0;}
#gall_ul .ca_tit h3 {font-size:20px; font-weight:bold; width:100%; border-bottom:1px solid #333; padding:0px 0 8px; line-height:120%;}
/* .ca_ti {font-weight:normal; font-size:13px; padding-right:5px;} */


/* 레이아웃 스타일 */
.gall-container { max-width: 1200px; margin: 0 auto; padding: 20px 0px; }
.gall-row { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.gall-item { width: 50%; padding: 10px; box-sizing: border-box; margin-bottom: 10px; }


.cate-divider { width: 100%; padding: 30px 10px 10px; clear: both; }
.cate-divider .sb-title2 { font-size: 1.5rem; border-left: 5px solid #3498db; padding-left: 15px; color: #2c3e50; margin: 0; }

.card { border: 1px solid #ddd; background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); border-color: #3498db; }

/* 이미지 제한 핵심 스타일 */
.card-img { position: relative; overflow: hidden; background: #f8f9fa; display: flex; justify-content: center; align-items: center; text-align: center; }
.card-img a { display: block; width: 100%; }
.card-img img {
    display: block;
    margin: 0 auto;
    max-width: 100% !important; /* 카드 너비를 넘지 않음 */
    height: auto !important;
}

.card-no-img { width: 100%; height: 180px; display: flex; align-items: center; justify-content: center; color: #ccc; }

.card-body { padding: 15px 0; flex-grow: 1; position: relative; }
.card-subject { font-size: 1.2rem; font-weight: 600; line-height: 1.4; display: block; text-decoration: none; }
.card-subject:hover { color: #3498db; }

.wr-2-badge { display: inline-block; background: #e8f4fd; color: #3498db; padding: 2px 8px; border-radius: 4px; font-size: 0.8rem; margin-bottom: 5px; }
.card-admin { position: absolute; top: 15px; right: 15px; }

#bo_cate_mobile { display: none; margin-bottom: 20px; }

@media (min-width: 1024px) {
	.gall-item { width: 25%; }
}


@media (min-width: 768px) {
	.gall-item { width: 33.333%; }
}

@media (max-width: 768px) {
	#bo_cate { display: none; }
	#bo_cate_mobile { display: block; }
}

/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:340px){
	.gall-row{flex-direction: column;}
	.gall-item{width:100%}
}