.sub_slide .swiper {
        width: calc(50% + 780px);
        margin-right: 0
    }

    

    .sub_slide .swiper-slide {
        width: 20%;
    }


    .sub_slide .swiper-slide-active {
        width: 40% !important;
    }


 
    .sub_slide .swiper-slide span {
        font-size: 18px;
        color: #7d7d7d
    }

    .sub_slide .swiper-slide h6 {
        font-size: 25px;
        
        height:70px;
        color: #7d7d7d
    }

    .sub_slide .swiper-slide p {
        display: none;
        text-align: center;
        color: #000;
        font-size: 20px
    }

    .sub_slide .swiper-slide img {
        width: 100%;
        margin: 10px 0;
		border-radius:10px
    }

    .sub_slide .swiper-slide-active h6 {
        color: #000;
        font-size: 35px
    }

    .sub_slide .swiper-slide-active span {
        color: #000;
    }

    .sub_slide .swiper-slide-active p {
        display: block;
		font-size:20px
    }

    .sub_slide .swiper-pagination-fraction {
     text-align:right; 
        line-height:1;

         font-size: 35px;
         bottom: 100px;
		  font-family: "Montserrat"; 
		 
    }

    .sub_slide .swiper-pagination-fraction span:first-child {
        color: #FF8800;
		font-weight:800; 
        font-size: 50px;
		 font-family: "Montserrat"; 
    }

.button_wrap {position:absolute; bottom:90px;  width:160px; height:30px;  display:flex; left:calc(40% + 35px); z-index:99999}
.button_wrap  .swiper-button-prev {background:url('/common/img/slide_arrow_left.png') no-repeat; background-size:100%; width:53px; height:30px; display:inline-block; top:0; left:0; margin:0}
.button_wrap  .swiper-button-prev:after {display:none}
.button_wrap  .swiper-button-next {background:url('/common/img/slide_arrow_right.png') no-repeat; background-size:100%; width:53px; height:30px; display:inline-block; top:0; right:0; margin:0}
.button_wrap  .swiper-button-next:after {display:none}

	
@media all and (max-width:1560px) {
  	.sub_slide .swiper { width:calc(100%  - 4%); }  
}
 
@media all and (max-width:900px) {
		.sub_slide .swiper-pagination-fraction {top:12px;   height:30px}
		.sub_slide .swiper-pagination-fraction {font-size:19px;}
		.sub_slide .swiper-pagination-fraction span:first-child {font-size:27px}
		.sub_slide .swiper  {height:430px;  padding-top:80px; margin-top:-80px }
		.sub_slide .swiper-slide img {width:50%}
		.sub_slide .swiper-slide-active { width: 80% !important; }
		.sub_slide .swiper-slide-active img {width:100%}
		.sub_slide .swiper-slide span { font-size:10px}
		.sub_slide .swiper-slide h6 {font-size:14px; height:40px}
		.sub_slide .swiper-slide-active h6 { font-size:14px}
        .sub_slide .swiper-slide p {font-size:12px}
		.button_wrap {width:90px; bottom:0; left:auto; right:5%}

		.button_wrap  .swiper-button-prev {width:30px; height:20px; }
		.button_wrap  .swiper-button-next {width:30px; height:20px; }


}


   .thum_list .swiper {
      width: 100%;
	  margin-bottom:10px
      
    
    }

   .thum_list .swiper-slide {
      background-size: cover;
      background-position: center;
    }

  .thum_list  .mySwiper2 {
      height:490px;
      width: 100%;
	  border-radius:20px;
    }

   .vithum_listew .mySwiper {
      height:100px; 
      box-sizing: border-box;
      padding: 10px 0;
	  
	  
     }

   .thum_list .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity:1;
	    border-radius:10px; 
	  overflow:hidden
    }

   .thum_list .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
	
    }

   .thum_list .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.thum_list .swiper-slide p.label {position:absolute; right:15px; bottom:15px; border:1px solid var(--main_c);  border-radius:10px; color:var(--main_c); padding:0px 20px; white-space:nowrap; line-height:35px;  background-color:#fff}

.thum_list .swiper-button-next, .thum_list .swiper-button-prev  {color:#fff;}
.thum_list .swiper-button-next:after, .thum_list .swiper-button-prev:after {font-size:32px}


 

 @media (max-width: 900px) {
  .thum_list {
    display: flex;
    align-items: stretch;
    gap: 12px;
  }
  .thum_list .mySwiper2 {
    /* 왼쪽: 메인 슬라이더 */
	flex-shrink:0; 
    width: 70vw; 
    height: 70vw; /* 썸네일 높이와 맞춤 */
    margin-bottom: 0; /* flex 배치이므로 하단 간격 제거 */
  }
  .thum_list .mySwiper {
    /* 오른쪽: 세로 썸네일 슬라이더 */
    width: 25vw;
    height: 70vw;
    padding: 0; /* 세로 배치에선 내부 패딩 제거 */
    margin-bottom: 0;
  }
  .thum_list .mySwiper .swiper-slide {
    width: 100%;
    height: auto; /* 세로 방향에서 자동 높이 */
    border-radius: 10px;
    overflow: hidden;
  }

  .thum_list .swiper-slide p.label {font-size:12px; line-height:23px; padding:0 10px; border-radius:5px}

}