.photo_wrap									    {position:relative; }  
    
.photo_list										    {position:relative;   } 
.photo_list .swiper-wrapper                {padding:50px 0; }
.photo_list.swiper                                   {padding-bottom:20px;  }
.photo_list article                                      {  transition: var(--transition1); }
.photo_list article a									{display:block;overflow:hidden;width:100%; background:#fff; border:2px solid #d4d4d4; border-radius:1em;  transition: var(--transition1); }
.photo_list article a:focus                           { outline:2px dotted var(--outline-color); outline-offset:var(--outline-offset);} 
.photo_list article a .img                             {  aspect-ratio:16/9;  display: flex; flex-direction: column; justify-content:center; align-items:center;  }
.photo_list article a .img img                    {width:100%;height:100%; object-fit:cover; transform: scale(1.02); } 
.photo_list article a .txt					            {position:relative;background:#fff; text-align:center; padding:  1.2em 1.2em 1.5em 1.2em;    }
.photo_list article a .txt p                         {position:relative;   color:#555;font-size:1.3em;font-weight:600;   overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;}

.photo_list article a .layer				        {position:absolute; display:none ; z-index:1; color:#fff; background:rgb(0,0,0,0.5);  width:16.5%;aspect-ratio:1/1; border-radius:50%; margin:auto;  transition: var(--transition1); }
.photo_list article a .layer::before       {position:absolute;content:''; left:55%;top:50%; width:0px;height:0px;border-top:18px solid transparent;border-bottom:18px solid  transparent;border-left:28px solid #fff; transform:translate(-50%, -50%);     }  
 
 
.photo_list article a:hover						    {border-color:#122e45;   box-shadow: 0 5px 30px 0 rgba(0,0,0,0.22);  }
.photo_list article a:hover	 .txt01				{  color:var(--color1); } 
.photo_list .swiper-slide                           { transform: scale(0.7) !important;  }
.photo_list .swiper-slide-active                { transform: scale(1.1) !important; z-index: 2; }
.photo_list .swiper-slide-active a 		        {background:#122e45 ;}
.photo_list .swiper-slide-active .txt         {background:#122e45;}
.photo_list .swiper-slide-active .txt p      { color:#fff;}
 
.photo_list  .nolist							            { border:0; }

 /* 화살표 css */
.photo_wrap .btn-prev,
.photo_wrap .btn-next                                { position: absolute; display:block; top:38%; cursor: pointer;   border:0 solid #bbb;  width:60px; height:60px;  opacity:0.5;  z-index: 999;  transition: var(--transition1); display: flex; justify-content:center; align-items:center; background:transparent; }
.photo_wrap .btn-prev                                { left:28%;  }
.photo_wrap .btn-next                                {right:28%;  }
.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:35px;height:35px;border:solid #111; border-width:4px 4px 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                  { 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:0; } /* 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:#ddd  ;  } 

.photo_wrap .swiper-pagination-bullet     {display:inline-block;}
 
.photo_wrap .swiper-pagination-bullet {position:relative; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 24px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 30px));  display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 0); background: var(--swiper-pagination-bullet-inactive-color, transparent); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.9) ; } 
.photo_wrap .swiper-pagination-bullet::after  {position:absolute; content:''; left:50%;top:50%; width:10px;height:10px; background:#ccc;border-radius:50px; transform:translate(-50%, -50%);    }
.photo_wrap .swiper-pagination-bullet-active,
.photo_wrap .swiper-pagination-bullet:focus, 
.photo_wrap .swiper-pagination-bullet:hover              {    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) ;}
.photo_wrap .swiper-pagination-bullet-active::after    { background:#8f969b;}
.photo_wrap .swiper-pagination-bullet:focus::after,
.photo_wrap .swiper-pagination-bullet:hover::after    { background:#8f969b;}

.photo_wrap .swiper-pagination-bullet:focus       { outline:2px dotted var(--outline-color); outline-offset:var(--outline-offset);}

 /* 재생정지 css */
.photo_wrap .btn-toggle span    {position:relative;top:2px; 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:1600px) {
    .photo_wrap .btn-prev span, .photo_wrap .btn-next span {  width:30px;height:30px;   }
}  
@media screen and (max-width:1480px) { 
    .photo_wrap .btn-prev, .photo_wrap .btn-next  {   top:35%; }
} 
@media screen and (max-width:1024px) {
    .photo_list .swiper-wrapper                {padding:20px 0; }
    .photo_wrap .btn-prev, .photo_wrap .btn-next  {   top:28%; } 
    .photo_wrap .btn-prev                                { left:27%;  }
    .photo_wrap .btn-next                                {right:27%;  } 
    .photo_wrap .btn-prev span, .photo_wrap .btn-next span {  width:26px;height:26px; border-width:3px 3px 0 0;   }
} 
@media screen and (max-width:768px) {
    .photo_wrap .btn-prev, .photo_wrap .btn-next  {   top:28%; }
    .photo_wrap .btn-prev                                { left:16%;  }
    .photo_wrap .btn-next                                {right:16%;  } 
    .photo_wrap .btn-prev span, .photo_wrap .btn-next span {  width:26px;height:26px; border-width:3px 3px 0 0;   }
} 
@media screen and (max-width:580px) {
    .photo_wrap .btn-prev                                { left:14%;  }
    .photo_wrap .btn-next                                {right:14%;  } 
}
@media screen and (max-width:480px) {
    .photo_wrap									    {padding:  0 20px ; }
    .photo_list .swiper-wrapper                        {padding:  0  ; }
    .photo_wrap .btn-prev                                { left:3%;  }
    .photo_wrap .btn-next                                {right:3%;  } 
    .photo_list .swiper-slide                           { transform: scale(0.8) !important;  }
    .photo_list .swiper-slide-active                { transform: scale(1) !important;}



    .photo_wrap .btn-prev,
    .photo_wrap .btn-next                                {   border-radius:50px; border:1px solid #bbb;  width:50px; height:50px;  background:#fff; }
    .photo_wrap .btn-prev span, .photo_wrap .btn-next span {  width:13px;height:13px;border:solid #222; border-width:2px 2px 0 0;   }
    .photo_wrap .btn-prev span            { left:20px;}
    .photo_wrap .btn-next span            { right:20px;  } 
    .photo_wrap .btn-prev                                { left:0;  }
    .photo_wrap .btn-next                                {right:0;  } 

 


}