.black-body header.listmainHeader{position:static;}
header .blackaroundAddrWrap ._l_Btn.back{background-image: url(https://files.heally.co.kr/web-images/common/header_back_icon_w.png);}
header .blackaroundAddrWrap ._pagename span{color:#fff;}

.black-body header .right:after { content: ""; display: block; clear: both; } 
.black-body header .right { float: right; } 
.black-body header .right button { float: left; border-radius: 0.38rem; font-size: 0.9rem; height: 2.26rem; width: 4.52rem; border:1px solid #dddddd; padding-left: 1.36rem; font-weight: 500; background-size: 0.94rem; background-position: 0.53rem; } 
.black-body header .right button.maplocate { background-image: url(https://files.heally.co.kr/web-images/around/map_icon_w.png); color:#fff;} 


.wrapper_black_index .top{position:relative;}
/* .wrapper_black_index .top .bgImg img { width: 100%; }  */
.wrapper_black_index .top .txtBox { width: 100%; padding-top: var(--200); padding-left: var(--80); padding-right: 0; color: #fff; position: absolute; left: 0; top: 0;; } 
.wrapper_black_index .top .txtBox .logo { position: relative; width: 100%; } 
.wrapper_black_index .top .txtBox .logo img { width: var(--280); } 
.wrapper_black_index .top .txtBox .logo:after { content: ""; display: block; width:var(--24); height: var(--20); border-top: 1px solid #fff; border-left: 1px solid #fff; position: absolute; left: -0.9rem; top:-0.9rem; } 
.wrapper_black_index .top .txtBox .logo::before { content: ""; display: block; width:calc(100% - var(--300)); height:0.05rem; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.wrapper_black_index .top .txtBox .tit { font-size: var(--72); line-height: var(--86); font-weight: 100; margin-top: var(--26); margin-bottom: var(--42); letter-spacing: -0.08rem; } 
.wrapper_black_index .top .txtBox .txt { font-size: var(--36); font-weight: 100; line-height: 148%; margin-bottom: var(--48); } 
.wrapper_black_index .top .txtBox .txt span { font-weight: 500; } 
/* .wrapper_black_index .top .txtBox button { padding:0 var(--40); border-radius: var(--40); height: var(--56); border:1px solid rgba(255,255,255,0.3); background-color: rgba(54,40,21,40); color: #fff; font-size: var(--26); }  */

.wrapper_black_index .top .txtBox .btnBox { display: flex; gap:var(--16)}
.wrapper_black_index .top .txtBox .btnBox button { padding:0 var(--40); border-radius: var(--40); height: var(--56); border:1px solid rgba(255,255,255,0.3); color: #fff; font-size: var(--26); line-height:calc(100% - 2px); } 
.wrapper_black_index .top .txtBox .btnBox button.detailBtn {background-color: rgba(54,40,21,0.4); } 
.wrapper_black_index .top .txtBox .btnBox button.standard {background-color: rgba(0,0,0,0.4); } 

.wrapper_black_index { margin-top: 0; margin-bottom: 6rem;} 
.wrapper_black_index .cityList { display: flex; flex-direction: column; padding: var(--36); gap: var(--42); } 
.wrapper_black_index .cityList li a {
    display: flex;
    gap: var(--36);
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: var(--42);
    text-decoration: none; /* 링크 스타일 제거 */
    color: inherit;
  }
  
  .wrapper_black_index .cityList li a img {
    width: var(--140);
    border-radius: var(--140);
  }
  
  .wrapper_black_index .cityList li a .txtBox {
    display: flex;
    flex-direction: column;
    gap: var(--18);
  }
  
  .wrapper_black_index .cityList li a .txtBox .tit {
    display: flex;
    gap: var(--10);
  }
  
  .wrapper_black_index .cityList li a .txtBox .tit span {
    font-size: var(--36);
    position: relative;
    line-height: var(--36);
    font-weight: 600;
    padding-right: var(--16);
  }
  
  .wrapper_black_index .cityList li a .txtBox .tit span:after {
    content: "";
    display: block;
    width: var(--6);
    height: var(--6);
    background-color: #000;
    border-radius: var(--6);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .wrapper_black_index .cityList li a .txtBox .tit span:last-child:after {
    display: none;
  }
  
  .wrapper_black_index .cityList li a .txtBox .tit span:last-child {
    padding: 0;
  }
  
  .wrapper_black_index .cityList li a .txtBox .txt {
    font-size: var(--28);
    line-height: var(--28);
    color: #626262;
  }
  
  /* 비활성화된 경우 */
  .wrapper_black_index .cityList li.disable a img {
    opacity: 0.4;
  }
  
  .wrapper_black_index .cityList li.disable a .txtBox .tit span {
    color: #717171;
  }
  
  .wrapper_black_index .cityList li.disable a .txtBox .tit span:after {
    background-color: #717171;
  }
  

/* .wrapper_black_index .cityList { display: flex; flex-direction: column; padding: var(--36); gap: var(--42); } 
.wrapper_black_index .cityList li { display: flex; gap:var(--36); align-items: center; border-bottom: 1px solid #f0f0f0;; padding-bottom: var(--42); } 
.wrapper_black_index .cityList li img { width: var(--140); border-radius: var(--140); } 
.wrapper_black_index .cityList li .txtBox { display: flex; flex-direction: column; gap: var(--18); } 
.wrapper_black_index .cityList li .txtBox .tit { display: flex; gap: var(--10); } 
.wrapper_black_index .cityList li .txtBox .tit span { font-size: var(--36); position: relative; line-height: var(--36); font-weight: 600; padding-right: var(--16); } 
.wrapper_black_index .cityList li .txtBox .tit span:after { content: ""; display: block; width: var(--6); height: var(--6); background-color: #000; border-radius: var(--6); position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.wrapper_black_index .cityList li .txtBox .tit span:last-child:after { display: none; } 
.wrapper_black_index .cityList li .txtBox .tit span:last-child { padding: 0; } 
.wrapper_black_index .cityList li .txtBox .txt { font-size: var(--28); line-height: var(--28); color: #626262; } 
.wrapper_black_index .cityList li.disable img { opacity: 0.4; } 
.wrapper_black_index .cityList li.disable .txtBox .tit span { color: #717171; } 
.wrapper_black_index .cityList li.disable .txtBox .tit span:after { background-color: #717171; }  */


.wrapper_black_intro { margin-top: 0;padding-bottom: 6rem;}

/* body { background-color: #000; }  */
.wrapper_black_intro .bgImg { width: 100%; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 1; object-fit: cover; } 
.wrapper_black_intro .txtBox {display: flex;flex-direction: column;gap: var(--80);position: relative; padding: var(--180) var(--50); } 
.wrapper_black_intro .txtBox .logo { width: var(--220); } 
.wrapper_black_intro .txtBox .logo img { width: 100%; } 
.wrapper_black_intro .txtBox .titBox { position: relative; padding-left: var(--36); } 
.wrapper_black_intro .txtBox .titBox:after { content: ""; display: block; width: 1px; height: calc(100% - var(--20)); background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } 
.wrapper_black_intro .txtBox .titBox .tit { font-size: var(--34); line-height:150%; color: #fff; font-weight: 500; letter-spacing: -0.05rem; } 
.wrapper_black_intro .txtBox .titBox .txt { font-size: var(--26); line-height: var(--50); color: #fff; font-weight:300; margin-top: var(--30); letter-spacing: -0.01rem; } 
.wrapper_black_intro .txtBox > .txt { color: #fff; display: flex; flex-direction: column; gap: var(--40); } 
.wrapper_black_intro .txtBox > .txt p { font-size: var(--24); line-height: var(--44); font-weight: 300; opacity: 0.8; letter-spacing: -0.01rem; } 
.wrapper_black_intro .bottom {text-align: center; } 
.wrapper_black_intro .bottom span {position: relative;display: flex; align-items: center;justify-content: space-between;gap: var(--16);color: #fff;font-size: var(--26);line-height: var(--26); font-weight:200;} 
.wrapper_black_intro .bottom span:after {content: "";display: block;flex: 1;height: 1px;background-color: #fff; } 
.wrapper_black_intro .bottom span::before {content: "";display: block;flex: 1;height: 1px;background-color: #fff; } 



.wrapper_black_list {padding-bottom: var(--120);} 
.blackHeader {
  border-bottom: 1px solid #F0F0F0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: var(--100);
  align-items: center;
  padding-right: var(--36);
  background-color: #000;
  position:absolute;
  z-index:21;
}

.blackHeader .blacklogo {
  display: flex;
  align-items: center;
}

.blackHeader .blacklogo .back {
  height: var(--100);
  font-size: 0rem;
  background-position: center;
  width: var(--100);
  background-size: 100%;
  background-image: url(https://files.heally.co.kr/web-images/common/header_back_icon_w.png);
}

/* pushWrap: logo + city + arrow 전체 클릭 영역 */
.blackHeader .blacklogo .pushWrap {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.27rem 0; /* 클릭 영역 확장 */
}

.blackHeader .blacklogo .pushWrap .logo {
  width: var(--100);
}

.blackHeader .blacklogo .pushWrap .logo img {
  width: 100%;
}

.blackHeader .blacklogo .pushWrap .city {
  display: flex;
  gap: var(--10);
  padding-left: var(--14);
  align-items: center;
}

.blackHeader .blacklogo .pushWrap .city span {
  position: relative;
  line-height: var(--32);
  font-weight: 400;
  padding-right: var(--16);
  display: inline-block;
  color: #fff;
}

.blackHeader .blacklogo .pushWrap .city span:after {
  content: "";
  display: block;
  width: var(--6);
  height: var(--6);
  background-color: #fff;
  border-radius: var(--6);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.blackHeader .blacklogo .pushWrap .city span:last-child:after {
  display: none;
}

.blackHeader .blacklogo .arrow {
  display: flex;
  align-items: center;
}

.blackHeader .blacklogo .arrow img {
  width: 0.81rem; /* 필요에 따라 조절 */
}

/* 버튼 박스 */
.blackHeader .btnBox {
  display: flex;
  gap: var(--14);
}

.blackHeader .btnBox button {
  border-radius: var(--10);
  font-size: var(--24);
  height: var(--60);
  width: var(--120);
  border: 1px solid #dddddd;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--14);
}

.blackHeader .btnBox button img {
  width: 0.94rem;
}

/* 슬라이드 필터 */
.blackHeader + ._slideFilter .filter ul {
  padding-top: 0;
}

.blackHeader + ._slideFilter .listFilter {
  top: var(--20);
}

.blackHeader + ._slideFilter {
  padding: var(--20) 0;
  box-shadow: 0rem 0.27rem 0.54rem rgb(0 0 0 / 10%);
  height: 4.07rem !important;
  position:absolute;
  width:100%;
}


.blackStoreList { padding:0 var(--20); display: flex; flex-direction: column; gap: var(--36);margin-top:9rem } 
.blackStore { position: relative; border-radius:var(--16); overflow: hidden; box-shadow: 0px var(--2) var(--6) rgba(72, 71, 66, 0.2); } 
.blackStore .infoBox { background-color: #fff; padding: var(--36); padding-bottom: var(--50); display: flex; flex-direction: column; gap: var(--50); } 
.blackStore .infoBox ._storeInfo { display: flex; flex-direction: column; gap: var(--18); } 
.blackStore .infoBox ._storeInfo .txt { font-size: var(--26); line-height: var(--28); color: #6b6b6b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.blackStore .infoBox ._storeInfo .storeName { font-size: var(--36); line-height: var(--36); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.blackStore .priceBox { 
  display: flex; 
  align-items: flex-end; 
  gap: 0.54rem; /* 너무 큰 gap 대신 적당히 */
}

.blackStore .priceBox > div{flex: 1;display: flex;flex-direction: column;gap: var(--2);}
.blackStore .priceBox .highprice{margin-left:2.71rem;}
.blackStore .priceBox span{flex: none;}
.blackStore .priceBox .sub { font-size:var(--22); color:#6b6b6b; } 
.blackStore .priceBox .priceWrap { display: flex; flex-direction: column; flex-wrap: wrap; gap: var(--2); } 
.blackStore .priceBox .priceWrap .originalPriceBox { display: flex; gap: var(--6); } 
.blackStore .priceBox .priceWrap .percent { line-height: var(--36); font-size: var(--26); color: var(--colP); font-weight: 500; } 
.blackStore .priceBox .priceWrap .cost { font-size: var(--26); line-height: var(--36); color: #aaaaaa; font-weight: 500; text-decoration: line-through;display:flex;align-items: center;} 
.blackStore .priceBox .priceWrap .salePrice { font-size: var(--28); display: flex; align-items: end; gap: 0.14rem; } 
.blackStore .priceBox .priceWrap .salePrice span { font-size: var(--30); font-weight: 600; line-height: var(--44); }  
.blackStore .eventLabel { position: absolute; left: var(--10); top: var(--10); z-index: 1; display: flex; gap: var(--6); } 
.blackStore .eventLabel li { width: var(--64); height: var(--64); border-radius: var(--10); overflow: hidden; } 
.blackStore .eventLabel img { width: 100%; } 
.blackStore .blackStoreThumb img { width: 100%; } 
.blackStore .blackStoreThumb { position: relative; } 
/* .blackStore .blackStoreThumb .swiper-pagination { bottom:var(--20); height: var(--10); left: 0;width: 100%;} 
.blackStore .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--6); } 
.blackStore .swiper-pagination-bullet { width: var(--10); height: var(--10); opacity: 1; border:1px solid rgba(255,255,255,0.5); background-color: rgba(168,168,168,0.4); margin: 0 var(--6); } 
.blackStore .swiper-pagination-bullet-active { background-color: #fff !important; border:1px solid #fff;margin: 0 var(--6); } */

.blackStore .blackStoreThumb .swiper-pagination {
  bottom: var(--20);
  height: var(--10);
  left: 0;
  width: 100%;
}

.blackStore .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--6);
  transition: transform 0.3s ease; /* 크기 변환 부드럽게 */
  transform-origin: center center; /* 크기 변환 기준 */
}

.blackStore .swiper-pagination-bullet {
  width: 0.43rem;
  height: 0.43rem;
  opacity: 1;
  /* border: 1px solid rgba(255,255,255,0.5); */
  background-color: #9C9C9C;
  margin: 0 var(--6);
}

.blackStore .swiper-pagination-bullet-active {
  background-color: #fff !important;
  border: 1px solid #fff;
  margin: 0 var(--6);
}




._infoDetail { display: flex; gap: var(--10); } 
._infoDetail li { color: #797979; font-size: var(--23); line-height: var(--23); position: relative; padding-right: var(--10); display: flex !important; gap: var(--8); align-items: center; } 
._infoDetail li:last-child::after { display: none; } 
._infoDetail li:last-child { padding-right: 0; } 
._infoDetail li:after { content: ""; display: block; width: 1px; height: var(--16); background-color: #CACACA; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
._infoDetail li img { width: var(--20); } 


.wrapper_black_list .blackStore .closeTxt { position: absolute; left: 0; top: 0; width: 100%; height: 100%;; background-color: rgba(0,0,0,0.5); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--16);z-index:10; } 
.wrapper_black_list .blackStore .closeTxt div { font-size: var(--24); } 
.wrapper_black_list .blackStore .closeTxt .txt { border:1px solid #fff; padding:0 var(--16); border-radius:var(--10); height: var(--48); line-height: calc(var(--48) - 2px); margin: 0 var(--16); overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} 


.black-body .empty{transform: translateY(3.26rem);position: relative;padding-bottom: 1.36rem;display:block}
.black-body div._shop + .empty{display:none}
.black-body div.listBnn + .empty{display:none}

.black-body .empty .tit{font-size:1.22rem;font-weight: 500; text-align: center;line-height: 1.58rem;background-image: url(https://files.heally.co.kr/web-images/around/empty_img.png);background-size:11.13rem;padding-top:14.11rem;background-position: center 36%}
.black-body .empty .btn{text-align: center;margin-top: 2.41rem;padding: 0 2.44rem;}
.black-body .empty .btn button{	width: 48%;line-height: 3.24rem;background-color: #f6f6f6;font-size: 0.98rem;border-radius: 10.86rem;float: left;}
.black-body .empty .btn button:nth-child(2){float: right;}
.black-body .empty .btn:after{content: "";display: block;clear: both;}
.black-body .empty .txt{text-align: center;	font-size: 0.98rem;color: #797979;margin-top: 0.27rem;}

/* 클릭 불가 상태 */
.black-body .cityList .disabled-link {
  pointer-events: none;  /* 클릭 차단 */
  cursor: default;       /* 커서 변경 */
}


.blackMain {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: top 0.3s ease; /* 부드럽게 내려옴 */
}


.blackMain .blackmainHeader {
  background-color:#000;
  display: flex;
  width:100%;
  justify-content: space-between;
  height: var(--100);
  align-items: center;
  padding-right: var(--36);
}

.blackMain .blackmainHeader .blacklogo {
  display: flex;
  align-items: center;
}

.blackMain .blackmainHeader .blacklogo .back {
  height:var(--100);
  font-size: 0rem;
  background-position: center;
  width: var(--100);
  background-size: 100%;
  background-image: url(https://files.heally.co.kr/web-images/common/header_back_icon_w.png);
}

.blackMain .blackmainHeader .blacklogo .logo {
  width: var(--100);
}

.blackMain .blackmainHeader .blacklogo .logo img {
  width: 100%;
}

.blackMain .blackmainHeader .blacklogo .city {
  padding-left: var(--14);
  display: flex;
  gap: var(--10);
  color:#fff;
}



/* .wrapper_black_list ._maxDiscount { color:#FF4747; display: flex; gap: var(--10); align-items: center; } 
.wrapper_black_list ._maxDiscount span { display: inline-block; line-height: var(--36); } 
.wrapper_black_list ._maxDiscount .tit { font-size: var(--24); } 
.wrapper_black_list ._maxDiscount .txt { font-size: var(--32); font-weight: 600; display: flex; gap: 0.19rem; letter-spacing: -0.03rem; } 
.wrapper_black_list ._maxDiscount .txt span { font-weight: 400; font-size: var(--30); } 
.wrapper_black_list ._maxDiscount img { width: var(--20); margin-right: -0.27rem;}  */



.bgImg {
  position: relative;
  width: 100%;
  height: 34.47rem; /* 필요 시 원하는 높이로 조정 */
  overflow: hidden;
  z-index: 0;
}

.bgImg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 비율 유지하며 꽉 채움 */
  display: block;
  z-index: -1; /* 배경용이면 다른 컨텐츠 위에 덮이지 않도록 */
}

.blackMainHeader .blackmainHeaderContent {
  background-color: #000;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 1.16rem; /* 좌우 16px → 1.16rem */
  height: 3.8rem; /* 60px → 4.34rem */
  box-sizing: border-box;
}

.blackMainHeader .blackmainHeaderContent .blacklogo {
  display: flex;
  align-items: center;
  gap: 0.72rem; /* 10px → 0.72rem */
}

.blackMainHeader .blackmainHeaderContent .blacklogo .back {
  width: 1.74rem;  /* 24px → 1.74rem */
  height: 1.74rem;
  background-image: url(https://files.heally.co.kr/web-images/common/header_back_icon_w.png);
  background-position: center;
  background-size: 3.8rem;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}

.blackMainHeader .blackmainHeaderContent .blacklogo .logo {
  width: 2.9rem;  /* 40px → 2.9rem */
  height: 2.9rem;
  flex-shrink: 0;
  margin-left:2.71rem;
}

.blackMainHeader .blackmainHeaderContent .blacklogo .logo img {
  width: 3.8rem;
  height: 100%;
  object-fit: contain;
}

.blackMainHeader .blackmainHeaderContent .blacklogo .city {
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left:0.81rem;
}

.black-body .blackStore .blackStoreThumb .closeTxt {
  pointer-events: none;
}

.wrapper_black_detail_gallery .galleryWrap ul li img{width:100%;}


.black-body .listpop.areaPop {
  position: absolute;
  width: 100%;
  height: 100%; /* 화면 전체 */
  top: 0;
  left: 0;
  z-index: 150;
  display: none;
}

.black-body .listpop.areaPop .dim {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.black-body .listpop.areaPop .wrap {
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0; /* 화면 아래 붙이기 */
  transform: translateX(-50%);
  width: 100%;
  height: 45%; /* 화면 높이의 절반 정도만 차지 */
  border-radius: 0.73rem 0.73rem 0 0;
  padding-bottom: 1.09rem;
}

.black-body .listpop.areaPop .wrap .close{position:absolute;background-image:url(https://files.heally.co.kr/web-images/common/pop_close_icon.png);background-size:1.09rem;background-position:right 1.63rem center;width: 2.71rem;height: 2.71rem;right: 0;top: 0.54rem;}
.black-body .listpop.areaPop .wrap .title{text-align: center;font-weight: 500;font-size: 1.19rem;border-radius: 0.73rem 0.73rem 0 0;padding:1.09rem 0;background-color:#fafafa;margin-bottom:0.81rem;}
.black-body .listpop.areaPop .wrap li{margin: 0 !important;font-size:1.03rem}
.black-body .listpop.areaPop .wrap li.on{font-weight:500;color:#ff2a75;background-image:url(https://files.heally.co.kr/web-images/common/check_icon_p.png);background-position:right 1.09rem center;background-size: 1.3rem;}
.black-body .listpop.areaPop .wrap .selectList{padding-left:0rem;padding-right:0rem}
.black-body .listpop.areaPop .wrap .buttonWrap{text-align:right;padding-left:1.17rem;padding-right:1.17rem}
.black-body .listpop.areaPop .wrap .buttonWrap .line{width: 100%;height: 1px;background-color: #f0f0f0;margin: 0.81rem 0;}
.black-body .listpop.areaPop .wrap .buttonWrap button{font-size: 1.06rem;background-color: #ebebeb;padding: 0.38rem 1.76rem;border-radius: 0.33rem;margin: 0 0.27rem;font-weight: 500;}

.black-body .popcityList { display: flex; flex-direction: column; padding: 0rem 1.36rem; } 
.black-body .popcityList li a {
    display: flex;
    gap: var(--36);
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 0.81rem 0rem;
    text-decoration: none; /* 링크 스타일 제거 */
    color: inherit;
}


.black-body .popcityList li a .txtBox {
  display: flex;
  flex-direction: column;
  gap: var(--18);
}

.black-body .popcityList li a .txtBox .tit {
  display: flex;
  gap: var(--10);
}

.black-body .popcityList li a .txtBox .tit span {
  font-size: 1.03rem;
  position: relative;
  line-height: var(--36);
  font-weight: 600;
  padding-right: var(--16);
}

.black-body .popcityList li a .txtBox .tit span:after {
  content: "";
  display: block;
  width: var(--6);
  height: var(--6);
  background-color: #000;
  border-radius: var(--6);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.black-body .popcityList li a .txtBox .tit span:last-child:after {
  display: none;
}

.black-body .popcityList li a .txtBox .tit span:last-child {
  padding: 0;
}

.black-body .popcityList li a .txtBox .txt {
  font-size: 0.98rem;
  line-height: var(--28);
  color: #626262;
}

/* 비활성화된 경우 */

.black-body .popcityList li.disable a .txtBox .tit span {
  color: #717171;
}

.black-body .popcityList li.disable a .txtBox .tit span:after {
  background-color: #717171;
}

.black-body .popcityList .disabled-link {
  pointer-events: none;  /* 클릭 차단 */
  cursor: default;       /* 커서 변경 */
}


.swiper-lazy-preloader {
    display: none; /* 프리로더 숨김 */
}

.swiper-lazy {
    opacity: 0;
    transition: opacity 0.3s;
}

.swiper-lazy-loaded {
    opacity: 1;
}