/* BASIC css start */
/* 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 5px;}
.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;}

/* 메인 페이드 */
@keyframes fadeOn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


/* 컨텐츠 페이드 */
.fade-drop {
  opacity: 0;
  transform: translateY(-50px);
  transition: 
    opacity 1.8s cubic-bezier(0.25, 0.1, 0.25, 1.0),
    transform 1.8s cubic-bezier(0.25, 0.1, 0.25, 1.0);
  filter: blur(10px);
}

.fade-drop.active {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

 /*컨텐츠 딜레이*/
.delay_op {
  opacity: 0;
  filter: blur(8px);
    transition: 
    opacity 1s ease,
    filter 1s ease;
}

.delay_op.active {
  opacity: 1;
  filter: blur(0);
}


/* 이미지 슬라이드 공통*/
.alldays_slide .swiper-slide { opacity: 0.4; transition: opacity 0.4s ease;}
.alldays_slide .swiper-slide-active {opacity: 1;  transition: transform 0.8s ease-out, opacity 0.8s ease-out; transform: translateX(0);}
.alldays_slide .swiper-button-next {top: 58%; transform: translateY(-58%);}
.alldays_slide .swiper-button-next::after {font-size: 28px; color: #fff; }
.alldays_slide .swiper-slide-prev {opacity: 0.1; transition: opacity 0.4s ease; }
.prd_slide {padding-bottom:100px;}


/* .section_01 */
.section_01 { max-width: 750px;  margin: 0 auto; position: relative;}
.section_01 .image-wrapper {position: absolute; display: inline-block; top: 0; z-index: 9;}
.section_01 .animated.ani2s { -webkit-animation-duration: 2s; animation-duration: 2s;}
.section_01 .fadeOn { -webkit-animation-name: fadeOn;animation-name: fadeOn;}
.section_01 .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.section_01 .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.section_01 .tit{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1; pointer-events: none;}


/* .section_02 */
.section_02 {position: relative;overflow: hidden;}
.section_02 .alldays_slide {position: relative; background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2601/260205_alldays_ev_m_04.jpg)no-repeat center / 100% 100%;}
.section_02 .sub_image {position: relative; background:#eee;}
.section_02 .grid_box {display: flex; flex-wrap: wrap;}
.section_02 .grid_box .fadeInUp2 {width: 50%; opacity: 0; transform: translateY(30px); }
.section_02 .fadeInUp2.active {animation: fadeInUp2 0.8s ease-out forwards;}
.section_02 .animated.ani2s { -webkit-animation-duration: 2s; animation-duration: 2s;}
.section_02 .prd_slide {padding-bottom: 30px;}


/* .section_03 */
.section_03 {position: relative; overflow: hidden;}
.section_03 .sub_image {position: relative; display:flex;}
.section_03 .sub_image .delay_op {position: absolute; top: 0px; }
.section_03 .curation_slide {position: relative; padding-top: 50px; }
.section_03 .curation_slide .swiper-slide {overflow:hidden;}
.section_03 .curation_slide .swiper-pagination-bullet {width:10px; height:10px;}
.section_03 .curation_slide .swiper-pagination-bullet-active {background:#fff;}


/* .section_04 */
.section_04 {position: relative; overflow: hidden;}
.section_04 .sub_image {position: relative; display:flex;}
.section_04 .sub_image .delay_op {position: absolute; top: 0px; }
.section_04 .curation_slide {position: relative; padding-top: 50px; }
.section_04 .curation_slide .swiper-slide {overflow:hidden;}
.section_04 .curation_slide .swiper-pagination-bullet {width:10px; height:10px;}
.section_04 .curation_slide .swiper-pagination-bullet-active {background:#fff;}


/* section_05 */
.section_05 {background: #f3f3f3;}
.section_05 .notice_wrap { padding-bottom: 68px;}
.section_05 .notice {max-width: 750px;margin: 0 auto;padding: 0 30px;background: #f3f3f3;text-align: left;color: #343434;box-sizing: border-box;}
.section_05 .notice-title {display: flex;align-items: center;gap: 5px;cursor: pointer;font-size: 12px;font-weight: 700;line-height: 1.4;}
.section_05 .notice-content { overflow: hidden; max-height: 0; transition: max-height 0.35s ease, padding 0.25s ease; padding: 0;}
.section_05 .notice.open .notice-content { max-height: 500px; padding: 10px 0;}
.section_05 .notice-content li { font-size: 12px; font-weight: 400; line-height: 1.6em;}
.section_05 .arrow { width: 16px; height: 16px; transition: transform 0.25s ease;}
.section_05 .notice.open .arrow {transform: rotate(180deg);}


@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 */


/* BASIC css end */