.photo_wrap									{position:relative;}  

.photo_wrap .photo_slickslider 	{overflow:hidden;height:380px;}
.photo_list										{position:relative;display: grid; grid-template-columns: repeat(4, 1fr);   } 
.photo_list .list								{margin: 13px;  background:#fff;position:relative; width:320px; overflow:hidden; border-radius:15px;border:1px solid #dcdcdc;transition:all 0.3s ease;}
.photo_list .img								{width:100%;aspect-ratio: 3.3 / 2.2;background:#f5f5f5; overflow:hidden;  }
.photo_list .img img						{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.photo_list .list:hover .img img		{transform: scale(1.07);}
.photo_list .list:hover            		{ box-shadow:3px 3px 10px 0 rgba(0,0,0,0.1);}


.photo_list .txt								{padding:  20px 20px 25px 20px  ; font-size:0.95em; color:#979797; }
.photo_list .txt p							{color:#000; font-size:1.1em;font-weight:600;margin-bottom:8px;  line-height:1.3; height:50px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; } 
.photo_list  .nolist							{ width:100%;   text-align:center; padding:120px 0;  border:0 !important;}
 

.photo_wrap .arrow						{position:absolute; top:34%; width:100%; transition:all 0.4s ease;}
.photo_wrap .arrow p					{position:absolute; width:60px; height:60px;  border:1px solid #bbb; background:#fff; cursor:pointer;  opacity:0.4; border-radius:50%;} 
.photo_wrap .arrow span				{display:inline-block; border:solid #333; padding:8px;}
.photo_wrap .arrow .prev			{left:-80px;}
.photo_wrap .arrow .prev span	{margin:21px 0 0 25px; border-width:0 1px 1px 0; transform:rotate(135deg);}
.photo_wrap .arrow .next			{right:-80px;}
.photo_wrap .arrow .next span	{margin:21px 0 0 16px;  border-width:1px 1px 0 0; transform:rotate(45deg);}
.photo_wrap .arrow p:hover		{opacity:0.8;} 
 

.photo_list_dots								{z-index:1; margin:20px 0 0 0;text-align:center;}
.photo_list_dots li							{display:inline-block; cursor:pointer;}
.photo_list_dots li span					{display:inline-block; content:''; width:10px; height:10px; border-radius:50%; margin:0 5px; background:#000; opacity:0.25;}
.photo_list_dots li:hover span, .photo_list_dots .slick-active span	{opacity:0.6;}

 
@media screen and (max-width:1600px) {
.photo_wrap .arrow .prev			{left:0;}
.photo_wrap .arrow .next			{right:0;}
}
@media screen and (max-width:1260px) {
.photo_list .txt p							{   height:46px;}
}

@media screen and (max-width:1024px) {   
.photo_list .list									{margin:10px  ; }
.photo_list .txt p							{   height:40px;}

.photo_wrap .arrow p					{ width:50px; height:50px; }
.photo_wrap .arrow span				{ padding:7px;} 
.photo_wrap .arrow .prev span	{margin:16px 0 0 20px;   } 
.photo_wrap .arrow .next span	{margin:16px 0 0 14px; } 
}
 
@media screen and (max-width:560px) {   
.photo_list .txt p							{  height:initial; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word; } 
}