/*한강생태지도 css*/
.sub-bnr ul.sub-menu li button ,.tab-pages h2 ,.button { color:#005ea2; }
.sub-bnr ul.sub-menu li button.active ,.sub-bnr ul.sub-menu li:hover button { background:#074776; }
.sub-bnr li.sub-left { background:#f08437; } 
.sub-bnr li.sub-center { flex-grow:4; }
.sub-bnr li.sub-center { background:#005ea2; }
.sub-bnr li.sub-right { background:#007c51; } 
.btn-wrap,.button { display: flex; justify-content: center; align-items: center; font-size: 1rem!important;}
.button { padding: 10px; border: 1px solid #005ea2;cursor: pointer; background-color: #f7f7f7; text-align: center; width: 160px; height: 70px; font-size: 1.2rem; font-weight: 600;}
.button.active { background-color: #005ea2; color: #fff;}
.page { display: none; overflow: hidden; width: 100%;}
.page.active { display: block; }
.txt-box { padding:60px 15px; border-top: 3px solid #005ea2; border-bottom: 3px solid #005ea2;  margin:80px 0 100px 0; }

.img-wrap { position: relative; width: 100%; height: 100%; margin:0 auto; }
.target { display: block; width: 100%; }

/* 20260107 웹접근성 */
/* .magnifier { width: 250px; height: 250px; position: absolute; border-radius: 100%;  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25); display: none; } */
.magnifier { width: 250px; height: 250px; position: absolute; border-radius: 100%;  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25); display: none !important; }

.sec-wrap {display: flex; gap: 3rem; margin-bottom: 100px;}
.sec-wrap div.sec-left {width: 55%;}
.sec-wrap div.sec-right {width: 35%;}
.sec-wrap div.sec-right img:first-child {padding-bottom: 40px;}
.sec-wrap div img {max-width: 100%;}
.sec-wrap a.current-img span {height: 440px;}

.swiper { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.swiper-slide img{width: 100%;height: 40vh;}



@media (max-width: 767px) {
  .swiper-button-next { right: 20px; }
  .swiper-button-prev { left: 20px; }
  .sec-wrap {flex-direction: column;}
  .sec-wrap >div{width: 100%!important;}
}