.photo_wrap									    {position:relative; }  

.photo_list										    {position:relative;display: grid; grid-template-columns: repeat(4, 1fr);   } 
.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: transform 0.3s ease, opacity 0.3s ease;}
.photo_list .txt								    {padding:18px 20px 25px 20px; font-size:0.95em; color:#888; }
.photo_list .txt p							    {color:#000; font-size:1.1em;font-weight:600;margin:0 0 5px 0; line-height:1.3; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word;} 
.photo_list  .nolist							    { width:100%;   text-align:center; padding:60px 0; color:#777;}
 
 /* 화살표 css */
.photo_wrap .btn-prev,
.photo_wrap .btn-next                                { position: absolute; display:block; top:calc(50% - 25px);   cursor: pointer;  border-radius:50px; border:1px solid #bbb;  width:54px; height:54px;  opacity:0.35;  z-index: 999;  transition: var(--transition-1); display: flex; justify-content:center; align-items:center; }
.photo_wrap .btn-prev                                { left:-70px;  }
.photo_wrap .btn-next                                {right:-70px;  }
.photo_wrap .btn-prev:hover,
.photo_wrap .btn-next:hover                     { opacity:0.8; } 
 
.photo_wrap .btn-prev span, .photo_wrap .btn-next span { position: absolute; width:15px;height:15px;border:solid #333; border-width:2px 2px 0 0;   }
.photo_wrap .btn-prev span            {transform: rotate(-135deg); left:20px;}
.photo_wrap .btn-next span            {transform: rotate(45deg); right:20px;  } 
 
 .photo_wrap .btn_wrap                  { padding-top:40px;  width:100%; max-width:600px; margin:auto;  z-index:111 ; display:flex;justify-content: center; align-items:center; gap:10px; }
/* dots css */
.photo_wrap .pagination                {  text-align:center; display:flex;justify-content: center; gap:10px; } /* Swiper 수정으로 임시추가 */
.photo_wrap .swiper-pagination-bullets.swiper-pagination-horizontal  { bottom: initial !important; } 
.photo_wrap .swiper-pagination                {  padding-top:20px;  }
.photo_wrap .swiper-pagination span       {  background:#888  ;   } 


 /* 재생정지 css */
.photo_wrap .btn-toggle span    {position:relative; display:inline-block; width:30px; height:30px;cursor:pointer;  }
.photo_wrap .btn-toggle.play span::before    { position:absolute;  content:''; top:11px;left:10px; width:3px;height:12px; background:#aaa; }
.photo_wrap .btn-toggle.play span::after     { position:absolute;  content:''; top:11px;left:16px; width:3px;height:12px; background:#aaa; }
.photo_wrap .btn-toggle.stop span::before    { position:absolute;  content:''; top:11px;left:12px; width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #aaa;}
 
 
@media screen and (max-width:1570px) {
    .photo_wrap .btn-prev               { left:0; }
    .photo_wrap .btn-next               { right:0; }
} 
@media screen and (max-width:1024px) {   
    .photo_list article									{margin:10px  ; }
}

@media screen and (max-width:768px) { 
.photo_list .txt p							{  font-size:1.05em;}
}