/* BASIC css start */
#category_header{ top: 0px!important;}
.dl_section2 { display: none!important;}
.content { }

/* 이미지맵 */
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}
img{ border: none; height: auto;ㅁ max-width: 100%; width: auto;}
.evt_img { width: 100%;  max-width: 750px;  margin: 0 auto; position: relative;text-align: center; }



/*공통*/
.list_shoppingInfo .listName {-webkit-line-clamp: 1;}
.dc {color: #e1233c;}
.prd-review {display:block;}
.prd-review .review_btn:before {display:none;}
.listPic {border-radius: 4px;}
.tab_content .items  {display: flex;gap: 10px;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding: 0 13px;margin-top: 13px;}
.tab_content .items li {width: calc(50% - 5px);padding-bottom: 30px;}
.tab_content .items li .dc {color: #e1233c;}
.tab_content .items li .prd-review a {color: #292b2b; font-size: 12px; line-height: 12px;}
.prd_slide {overflow:hidden;}
.swiper-pagination {z-index: 9;}

/* .section_01- 메인 */
.section_01 {max-width: 750px;margin: 0 auto;position: relative; margin-bottom: 50px;}
.section_01 .main_tit {position: absolute; top: 0; z-index: 2;}
.section_01 .gift_wrap {padding: 0;position: relative;}


/* .section_02 - 슬라이드 */
.section_02 {max-width: 750px;margin: 0 auto;position: relative;margin-bottom: 50px;}
.item_list { display: flex; flex-direction: column; gap: 20px;}
.s_tit {position: relative;font-size: 28px;font-weight: 700;m;line-height: 1.4em;color: #73a8db;display: flex;justify-content: space-between;}
.s_img a img{ border-radius: 15px;}
.s_text {font-size: 16px;line-height: 1.5em;font-family: "Pretendard Variable";font-weight: 500;color: #27272a;/* padding: 0 10px; */}
.section_02 .swiper-pagination {position: absolute;top: 70px;right: 0;text-align: right;z-index: 9;}


/* 페이징 실시간 스타일링 (요청 사항 반영) */
.gift_slide .gift_pagination {
  font-size: 20px;
  color: #73a8db;
  opacity: 0.6; /* 슬래시(/)와 전체 숫자는 기본 투명도 0.6 */
  font-weight: 500;
  white-space: nowrap;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 4px;
}

/* 활성화된 현재 숫자만 투명도 1 */
.gift_slide .gift_pagination .swiper-pagination-current {
  opacity: 1;
  font-weight: 700;
  display: inline-block;
}

.gift_slide .gift_pagination .swiper-pagination-total {
  display: inline-block;
}



/* --------------------------------------------------
   애니메이션 기본 상태 (기본적으로 숨겨지거나 작아진 상태)
-------------------------------------------------- */

/* 1. 이미지 기본 상태: 크기 0.8배, 투명도 0, 부드러운 변화 속도 설정 */
.gift_slide .s_img a img {
  border-radius: 15px;
  transform: scale(0.8);
  opacity: 0;
  transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1), 
              opacity 0.9s ease;
}

/* 2. 텍스트 기본 상태: 아래로 30px 내려가 있고 투명도 0, 약간의 딜레이 */
.gift_slide .s_text {
  font-size: 16px;
  line-height: 1.5em;
  font-family: "Pretendard Variable";
  font-weight: 500;
  color: #27272a;
  
  transform: translateY(30px);
  opacity: 0;
  transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1), 
              opacity 0.9s ease;
  transition-delay: 0.3s; /* 이미지가 먼저 커진 후 0.2초 뒤에 글자가 올라옵니다 */
}


/* --------------------------------------------------
   Active 상태 (슬라이드가 활성화되었을 때 원래대로 변하는 효과)
-------------------------------------------------- */

/* 1. 이미지 Active: 원래 크기(scale 1)와 투명도 1로 페이드인 */
.gift_slide .swiper-slide-active .s_img a img {
  transform: scale(1);
  opacity: 1;
}

/* 2. 텍스트 Active: 제자리(translateY 0)로 올라오면서 투명도 1 */
.gift_slide .swiper-slide-active .s_text {
  transform: translateY(0);
  opacity: 1;
  
  }


/* 슬라이드 공통 */
.section .gift_wrap {padding: 0 30px;}
.section .gift_slide  {overflow: hidden;  position: relative; }
.section .swiper-wrapper {padding-top: 17px; }
.section .swiper-pagination-bullet-active {background:#fff;}
.section .tab_content {overflow:hidden;}
.section .tab_content .item-list {display: flex;flex-direction: row;padding: 15px 0px;border-top: 1px solid #ededed;margin: 0 20px;}
.section .tab_content .thumb {width: 25%; padding-right: 20px;}
.section .tab_content .info {width: 75%;}




/* 상품 */
.curation_wrap .ev_cate_header{position:sticky;top:50px;background:white;z-index:10;border-bottom:1px solid #ddd;border-top: 1px solid #ddd;padding:8px 0;} 
.curation_wrap .ev_gnb{display:flex;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;gap: 1px;} 
.curation_wrap .ev_gnb::-webkit-scrollbar{display:none;} 
.curation_wrap .ev_gnb a{flex: 0 0 auto;padding: 10px 16px;text-decoration: none;text-decoration: none;color: #949494;font-size: 13px;line-height: 13px;/* padding: 7px 11px; *//* -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease; *//* transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease; *//* border-width: 1px; *//* border-style: solid; */border-radius: 50px;cursor: pointer;white-space: nowrap;} 
.curation_wrap .ev_gnb a:first-child{margin-left: 10px;} 
.curation_wrap .ev_gnb a.on{color: #0c0c0c;font-weight: 700;color: rgb(250, 250, 251);border-color: rgb(18, 19, 20);background-color: rgb(18, 19, 20);}

.cate_tit {padding: 20px;/* box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); *//* height: 24px; */scroll-margin-top: 100px;/* border-bottom: 1px solid #ededed; *//* margin-bottom: 20px; */}
.cate_tit h3 {font-size: 17px;line-height: 17px;font-weight: 700;color: #242729;}




@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* 태블릿 사이즈에서 적용할 스타일 */
  .tab_content .items {   
    gap: 5px
  }
  .tab_content .items li {width: calc(33.3333% - 5px);}
  
  
}


/* BASIC css end */

