.img_wrap {
  font-size: 0;
}
.img_wrap picture {
  display: block;
  width: 100%;
  height: 100%;
}
.img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header-wrap {
    position: relative;
    top: auto;
}

.top-banner-contents .con2 a {
    color: #fff;
}

.footer-wrap .footer-btm .footer-logo {
    margin-bottom: 20px;
}

.modal .modal-contents pre {
    white-space: pre-line;
}

.agree-term pre {
    white-space: pre-line;
}

.highlight {
    color: #5CC89C;
    font-weight: bold;
}

figure.product-thumb img {
    aspect-ratio: 1.5;
}

#bo_list, #bo_w, #bo_v {
    max-width: 1240px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* 이미지 팝업 전체 배경 (어둡게, 중앙정렬) */
.imgPop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(30, 30, 30, 0.7);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.2s;
}

/* 팝업 이미지 컨테이너 내부 이미지 슬라이드 스타일 */
.imgPopWrap {
  position: relative; /* 버튼 위치 기준 */
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  padding: 60px 10px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
  max-width: 1240px;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}

.imgPopWrap .swiper-pagination {left:50%;transform:translateX(-50%);bottom:20px;width:auto;background-color:#242424;border-radius:100px;padding:10px 16px;display:inline-flex;align-items:center;gap:7px;}
.imgPopWrap .swiper-pagination-bullet {margin:0;background-color:#fff;opacity:1;width:5px;height:5px;border-radius:100px;transition:all .3s ease;}
.imgPopWrap .swiper-pagination-bullet-active {width:48px;background-color:#5CC89C;}
.imgPopWrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.imgPopWrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.imgPopWrap .swiper-button-next,
.imgPopWrap .swiper-button-prev {color: #fff;}
.imgPopWrap .swiper-button-prev {left:0}
.imgPopWrap .swiper-button-next {right:0}
.imgPopWrap .swiper-button-next:after,
.imgPopWrap .swiper-button-prev:after {font-size:28px;}

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

.imgPopWrap .swiper-slide .img_wrap {
  font-size: 0;
  width: 100%;
  max-width: 900px;
  height: 675px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  overflow: hidden;
  margin: 0 auto;
}

.imgPopWrap .swiper-slide .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imgPopClose {
  position: absolute;
  top: 12px;
  right: 16px;
  z-index: 10001;
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 2rem;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s;
}
.imgPopClose:hover {
  background: rgba(0,0,0,0.85);
}

/* 팝업 등장 애니메이션 */
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.mobile-only {
  display: none;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .header-wrap {
    position:sticky;
    top:0;
    z-index:20;
  }

  .pc-only {
    display: none !important;
  }

  .mobile-only {
    display: block;
  }

  .product-wrap .product-banner .swiper-slide {
    height: 426px;
  }

  .imgPopWrap {max-width:380px;}
  .imgPopWrap .swiper-slide .img_wrap {max-width:360px;height:450px;}
  .imgPopWrap .swiper-pagination {bottom:12px;padding:7px 12px;gap:5px;}
  .imgPopWrap .swiper-pagination-bullet {width:4px;height:4px;}
  .imgPopWrap .swiper-pagination-bullet-active {width:34px;}
  .imgPopWrap .swiper-button-next {right:15px;}
  .imgPopWrap .swiper-button-prev {left:15px;}
  .imgPopWrap .swiper-button-next:after,
  .imgPopWrap .swiper-button-prev:after {font-size:20px;}
}

@media screen and (min-width: 2560px) {
  .imgPopWrap {
    max-width: 1440px;
    padding: 90px 15px;
  }
  .imgPopWrap .swiper-slide .img_wrap {
    max-width: 1200px;
    height: 900px;
  }
}