@charset "utf-8";

/* 새글 스킨 (latest) */
.lawyers_pic {position:relative;}

.lawyers_pic ul:after {display:block;visibility:hidden;clear:both;content:""}
.lawyers_pic ul {margin: 0 -10px}
.lawyers_pic li { float:left; width:25%; margin-bottom: 50px; padding:0 10px; }
.lawyers_pic li.gallery_li:nth-child(4n+1) {clear: both!important}
.lawyers_pic li .lt_img { overflow: hidden; display:block; height: 460px; margin:0px 0; padding-top: 10px; /* background-image: linear-gradient(to bottom, #272727, #0e0e0e); */ background: #efeae5; }
.lawyers_pic li .lt_img img, .pic_lt li .lt_img video { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; object-position: bottom; transition: transform 0.3s; }
.lawyers_pic li:hover .lt_img img { transform: scale(1.05); transition: transform 0.3s; }

.lt_info { padding:30px 0 0; }
.lt_info .cate { display: block; margin-bottom: 10px; color: #c18847; font-size: 1.3em; font-weight: 800; }
.lt_info .cate i { display: inline-block; vertical-align: middle; margin-right: 7px; }
.lt_info .cate i img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: bottom; }
.lt_info .title { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; text-align: left; margin-top: 0px; font-size: 1.3em; font-weight: 600; letter-spacing: -0.03em; }

.lawyers_pic .empty_li { text-align:center; padding:0; width: 100%; color:#666; line-height:145px ; }
.lawyers_pic .empty_li:before {background:none;padding:0}

@media screen and (max-width: 1280px) {
	
	.lawyers_pic li .lt_img { height: 360px; }

}

@media screen and (max-width: 1024px) {
	
	.lawyers_pic li { width: 33.333%; }
	.lawyers_pic li.gallery_li:nth-child(4n+1) {clear: none!important}
	.lawyers_pic li.gallery_li:nth-child(3n+1) {clear: both!important}

}

@media screen and (max-width: 768px) {
	
	.lawyers_pic li .lt_img { height: 280px; }

}

@media screen and (max-width: 630px) {
	
	.lawyers_pic li { width: 50%; }
	.lawyers_pic li.gallery_li:nth-child(3n+1) {clear: none!important}
	.lawyers_pic li.gallery_li:nth-child(2n+1) {clear: both!important}

}

@media screen and (max-width: 480px) {
	
	.lt_info .title { font-size: 1.4em; }

}

@media screen and (max-width: 375px) {
	
	.lawyers_pic li { margin-bottom: 30px; }
	.lawyers_pic li .lt_img { height: 250px; }
	.lt_info { padding: 20px 0 0; }
	.lt_info .cate { font-size: 1em; }

}