/* 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);
  }
}

/* 컨텐츠 페이드 */
.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 1.8s ease,
    filter 1.8s ease;
}

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


/* 이미지 슬라이드 공통*/
.new_slide .swiper-slide { opacity: 0.4; transition: opacity 0.4s ease;}
.new_slide .swiper-slide-active {opacity: 1;  transition: transform 0.8s ease-out, opacity 0.8s ease-out; transform: translateX(0);}
.new_slide .swiper-button-next {top: 58%; transform: translateY(-58%);}
.new_slide .swiper-button-next::after {font-size: 28px; color: #fff; }
.new_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 .new_slide {position: relative; background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2511/winter_home_winter_dailyike_m_F_06.jpg)no-repeat;}
.section_02 .sub_image {position: relative; background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2511/winter_home_winter_dailyike_m_F_08.jpg)no-repeat center / 100% 100%;}
.section_02 .sub_image .grid_box {display: flex; width: 50%;}
.section_02 .delay_op:nth-child(2) {transition-delay: 0.5s; }


/* .section_03 */
.section_03 {position: relative;overflow: hidden;}
.section_03 .sub_image {position: relative; background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2511/winter_home_winter_dailyike_m_F_17.jpg)no-repeat center / 100% 100%;}
.section_03 .new_slide {position: relative; background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2511/winter_home_winter_dailyike_m_F_24.jpg)no-repeat;}
.section_03 .new_slide .slide_tit {position: absolute; left: 0;}


/* .section_04 */
.section_04 {position: relative;overflow: hidden;}
.section_04 .new_slide {position: relative; background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2511/winter_home_winter_dailyike_m_F_06.jpg)no-repeat;}
.section_04 .sub_image {position: relative; background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2511/winter_home_winter_dailyike_m_F_30.jpg)no-repeat center / 100% 100%;}


/* .section_05 */
.curation_wrap .ev_cate_header{position:sticky;top:50px;background:white;z-index:10;border-bottom: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: 8px;} 
.curation_wrap .ev_gnb::-webkit-scrollbar{display:none;} 
.curation_wrap .ev_gnb a{flex: 0 0 auto; padding: 12px; text-decoration: none;text-decoration: none;color: #949494;font-size: 16px;line-height: 16px;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: 6px;cursor: pointer;white-space: nowrap;} 
.curation_wrap .ev_gnb a:first-child{margin-left:8px;} 
.curation_wrap .ev_gnb a.on{color: #000;font-weight: bold;color: rgb(250, 250, 251);border-color: rgb(18, 19, 20);background-color: rgb(18, 19, 20);}


.cate_tit {padding: 23px 16px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.05);height: 24px;scroll-margin-top: 100px;}
.cate_tit h3 {font-size: 16px;line-height: 16px;font-weight: 600;color: #242729;}
.curation_wrap .tab_content .items  {display: flex;gap: 10px;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding: 0 5px;}
.curation_wrap .tab_content .items li {width: calc(50% - 5px);padding-bottom: 30px;}
.curation_wrap .tab_content .items li .dc {color: #e1233c;}
.curation_wrap .tab_content .items li .prd-review a {color: #292b2b; font-size: 12px; line-height: 12px;}


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