  
.photo_wrap						{position:relative;}  
.photo_list .li					{margin:12px;}
.photo_list figure				{aspect-ratio:6 / 4; border-radius:20px; overflow:hidden; box-shadow:0 0 15px 1px rgba(0,0,0,0.1);}
.photo_list figure img			{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.photo_list .li:hover figure img	{transform: scale(1.1);}
.photo_list p					{font-family: 'PayboocBold'; color:#000; font-size:1.1rem; margin:20px 0 10px 0; line-height:1.5;} 
.photo_list em					{font-style:normal; font-size:0.95em; color:#999; }
.photo_list .nolist				{width:100%; text-align:center; padding:60px 0; color:#777;}

.photo_wrap .arrow				{position:absolute; top:28%; width:100%;}
.photo_wrap .arrow p			{position:absolute; text-align:center; width:65px; line-height:65px; background:#0e1d32; cursor:pointer; opacity:0.5; border-radius:50%;} 
.photo_wrap .arrow span			{display:inline-block; border:solid #fff; border-width:3px 0 0 3px; padding:5px;}
.photo_wrap .arrow .prev		{left:-80px;}
.photo_wrap .arrow .prev span	{transform:rotate(315deg); margin-left:5px;}
.photo_wrap .arrow .next		{right:-80px;}
.photo_wrap .arrow .next span	{transform:rotate(135deg); margin-right:5px;}
.photo_wrap .arrow p:hover		{opacity:1;} 
 

.photo_slick_page				{z-index:1; margin-top:10px; text-align:center;}
.photo_slick_page li			{display:inline-block; content:''; cursor:pointer;}
.photo_slick_page li span		{display:inline-block; content:''; width:10px; height:10px; border-radius:100%; margin:0 3px; background:#ccc;}
.photo_slick_page li:hover span, .photo_wrap .slick-active span	{background:#0d3370;}



@media screen and (max-width:1550px) {
	.photo_wrap .arrow .next		{right:-30px;}
	.photo_wrap .arrow .prev		{left:-30px;}
}


@media screen and (max-width:1024px) {
	.photo_list .li					{margin:10px;}
	.photo_list p					{font-size:1.05rem; margin:15px 0 5px 0;}
	.photo_list em					{font-size:0.85em;}

	.photo_wrap .arrow				{top:23%;}
	.photo_wrap .arrow p			{width:50px; line-height:50px;}
	.photo_wrap .arrow .next		{right:-20px;}
	.photo_wrap .arrow .prev		{left:-20px;}
	.photo_wrap .dots li			{margin:0 2px;}
}
   