@charset "utf-8";


/* 갤러리리스트 스타일 */
.chkall_ {
	margin-bottom:5px;
}

.gallery_wrap {
	width:100%; 
	position:relative; 
	border-top:1px solid #555; 
	padding-top:16px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:55px 30px;
}

.gall_unit {
	width: 100%;
	min-width: 0;
	position:relative;
}


.gall_unit .gall_chk {
	position:absolute; 
	left:10px; 
	top:6px; 
	z-index:2;
}

.gall_unit a {
	display:block; 
	width:100%;
}

.gall_thumb {
	position:relative; 
	overflow:hidden; 
	padding-top:72%; 
	position:relative; 
	width:100%;
	border-radius:12px;
	border:1px solid #ddd;
}

.gall_thumb.gall_thumb:before {
	position:absolute;
	left:0; 
	top:0; 
	z-index:1; 
	width:100%; 
	height:100%; 
	content:""; 
	display:block; 
	opacity:0; 
	background-color:rgba(0,0,0,0.3); 
	background-image:url('/images/gall_more.png'); 
	background-position:center center; 
	background-repeat:no-repeat; 
	transition:0.3s all ease;
}

.gall_thumb img {
	position:absolute; 
	left:0; 
	top:0; 
	bottom:0; 
	right:0; 
	height:100%; 
	width:100%; 
	object-fit:cover; 
	transition:0.5s all ease; 
	transform:scale(1);
}

.gall_cont {
	margin-top:5px; 
	padding:0 8px;
}

.gall_title {
	font-size:26px; 
	font-weight:700; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}

.gall_etc {
	display: none;
}

.gall_etc li {
	font-size:16px;
	color:#888; 
	margin-right:5px; 
	padding:0 5px; 
	position:relative;
}

.gall_etc li:before {
	position:absolute; 
	left:-3px; 
	top:4px; 
	width:1px; 
	height:10px; 
	background:#d7d7d7;
	content:""; 
	display:block;
}

.gall_etc li.gall_date {
	padding-left:0;
}

.gall_etc li.gall_date:before {
	display:none;
}

.gall_etc li span {
	font-size:1em; 
	color:inherit;
}



/* 갤러리view 스타일 */
#bo_v_img a {pointer-events:none;}

.job_table .job_table1 th.view_title {
	background-color:#f7f7f7;
	/* text-align:center; */
	border-top:1px solid #555;
}

.job_table .job_table1 td.view_info {
	/* text-align:center; */
}

#bo_v_con {
	/* text-align:center; */
}

#bo_v_con img {
	max-width:100%;
	width: 700px;
	/* text-align: center; */
}




/* hover */
@media (hover: hover) and (pointer: fine) {
	
	.gall_unit a:hover .gall_thumb:before {opacity:1; transition:0.3s all ease;}
	.gall_unit a:hover .gall_thumb img {transition:0.5s all ease; transform:scale(1.2);}


}






/* 반응형 시작 */
/* 반응형 중간기기 1380px 사이즈 이하 */
@media all and (max-width:1380px){
	

	



}

/* 반응형 중간기기 1200px 사이즈 이하 */
@media all and (max-width:1200px){
	

	.gallery_wrap {
		grid-template-columns: repeat(2, 1fr);
	}

}



/* 반응형 중간기기 1100px 사이즈 이하 */
@media all and (max-width:1100px){

	



	
}

/* 반응형 중간기기 998px 사이즈 이하 */
@media all and (max-width:998px){


	/* 갤러리리트스 스타일 */

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	


	/* 갤러리리트스 스타일 */
	.gallery_wrap {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 20px;
	}


	.gall_title {font-size:18px;}
	.gall_etc li {font-size:14px;}
	
	
}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	
	/* 갤러리리트스 스타일 */		
	.gallery_wrap {
		/* grid-template-columns: 1fr; */
		gap: 20px 5px;
	}
	.gall_thumb {border-radius:8px;}
	.gall_cont {padding: 0 4px;}
	.gall_title {
		overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
		white-space: initial;
		font-size:16px;
		line-height: 1.2;
	}
	.gall_etc li {
		font-size: 14px;
	}
	.gall_etc li.gall_name, .gall_etc li.gall_hit {display:none;}
	

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
	/* 갤러리리트스 스타일 */



}












/* 반응형 종료 */