/*------------common----------------*/

/*--가격--*/
.price{
  text-align: right;
  margin-top: 25px;
}
.old_price{
  font-family: 'Pretendard', sans-serif;
  font-size: 12px;
  font-weight: 300;
  text-decoration: line-through;
  color: #666;
  line-height: 0;
  text-align: right;
  margin-bottom: 3px;
}
.discount{
  font-family: 'Pretendard', sans-serif;
  font-weight: 600;
  color: #B94040;
}
.new_price{
  font-family: 'Pretendard', sans-serif;
  font-weight: 600;
}
/*--서브타이틀--*/
.sub_title{
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 36px;
  text-align: center;
}
/*--더하기>--*/
.more a{
  font-size: 12px;
  color: #666;
  float: right;
}
/*--해시태그--*/
.GATGUUN{
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 3px 8px;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #B94040;
  color: #B94040;
}
.NEW{
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 3px 8px;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #9B40B9;
  color: #9B40B9;
}
.BEST{
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 3px 8px;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #4078B9;
  color: #4078B9;
}
.FROZEN{
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 3px 8px;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #12B7D9;
  color: #12B7D9;
}

.like_box{
  display: flex;
  align-items: center;
}
.like_box .cart,
.like_box .heart{
  width: 25px; height: 25px;
  margin-left: 30px;
  position: relative;
  cursor: pointer;
}
.like_box .cart img,
.like_box .heart img{
  width: 100%; height: 100%;
}
.like_box .like_off,
.like_box .cart_off{
  opacity: 1;
  transition: all 0.3s;
}
.like_box .like_on,
.like_box .cart_on{
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transition: all 0.3s;
}

.like_box .heart:hover .like_on,
.like_box .cart:hover .cart_on{
  opacity: 1;
}
.like_box .heart:hover .like_off,
.like_box .cart:hover .cart_off{
  opacity: 0;
}

/*------------common----------------*/

.main_banner_box{
      width: 100%; height: 600px;
    }
    .main_banner_box .swiper-wrapper .swiper-slide{
      width: 100%; height: 600px;
    }
    .main_banner_box .swiper-wrapper .swiper-slide img{
      width: 100%; height: 100%;
    }
    
.main_banner_box .swiper-pagination{
      --swiper-theme-color: #B94040;
    }
.main_banner_box .swiper-pagination-bullet{
      width: 15px; height: 15px;
    }
.main_banner_box .swiper-pagination .swiper-pagination-bullet:nth-child(2){
      margin: 0 15px;
    }

.main_banner_box .swiper-navigation-icon{
      display: none;
    }

.main_banner_box .swiper-button-prev{
      width: 50px; height: 50px;
      background-image: url(../images/icon/main_banner_left_btn.png);
      opacity: 0;
      transition: all 0.3s;
    }
.main_banner_box .swiper-button-next{
      width: 50px; height: 50px;
      background-image: url(../images/icon/main_banner_right_btn.png);
      opacity: 0;
      transition: all 0.3s;
    }
    
.main_banner_box:hover .swiper-button-prev,
.main_banner_box:hover .swiper-button-next{
      opacity: 1;
    }

/*----------------/main_banner_box------------*/

.metapo_box{
  width: 1000px;
  margin: 80px auto;
  display: flex;
  justify-content: space-between;
}
.metapo_box .metapo_con{
  width: 90px;
  text-align: center;
}
.metapo_box .metapo_con .metapo_btn{
  width: 90px; height: 90px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s;
}
.metapo_box .metapo_con:hover .metapo_btn{
  border: 2px solid #B94040;
  box-sizing: border-box;
}
.metapo_box .metapo_con .metapo_btn img{
  width: 100%; height: 100%;
}
.metapo_box .metapo_con p{
  font-size: 16px;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  margin-top: 10px;
}

/*------------/metapo_box----------------------*/

.get_box{
  width: 1070px;
  margin: 0 auto 100px;
  display: flex;
}
.get_left{
  width: 525px; height: 525px;
}
.get_left img{
  width: 100%; height: 100%;
}

.get_right{
  height: 400px;
  margin-left: 20px;
}
.get_right .get_right_text{
  width: 525px; 
  margin-top: 30px;
}
.get_right .get_right_text span{
  font-family: 'Pretendard', sans-serif;
}
.get_right .get_right_text span:nth-child(1){
  font-size: 20px;
  font-weight: 400;
}
.get_right .get_right_text .ani_tag{
  font-size: 16px;
  color: #B94040;
  margin-left: 10px;
  opacity: 1;
  animation: ani_tag 1s infinite;
}
@keyframes ani_tag{
  0%{
    opacity: 1;
  }
  25%{
    opacity: 1;
  }
  50%{
    opacity: 0;
  }
  75%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.get_right .get_right_text span:nth-child(3){
  display: block;
  font-size: 36px;
  font-weight: 500;
}

/*------------------*/

.get_menu_box{
  width: 525px;
  margin-top: 30px;
}
.get_menu_box .get_menu{
  display: flex;
  margin-top: 30px;
  border-bottom: 3px solid white;
  position: relative;
  overflow: hidden;
}
.get_menu_box .get_menu::after{
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 0; height: 2px;
  background-color: #B94040;
  transition: all 0.3s ease;
}
.get_menu_box .get_menu:hover::after{
  width: 525px;
}
.get_img{
  width: 100px; height: 100px;
  min-width: 100px;
}
.get_img img{
  width: 100%; height: 100%;
}

.get_menu .get_menu_text{
  width: 525px; 
  display: flex;
  justify-content: space-between;
  margin-left: 10px;
}
.get_menu_text .get_menu_txt{
  width: 260px; height: 100px;
  font-family: 'Pretendard', sans-serif;
}
.get_menu_txt a > p{
  font-size: 16px;
  margin: 10px 0;
}
.get_menu_txt .price{
  position: relative;
}
.get_menu_txt .price .char{
  position: absolute;
  bottom: -70px; left: 5px;
  width: 100px; height: auto;
  transition: all 0.3s ease;
}
.get_menu_box .get_menu:hover .price .char{
  bottom: -7px;
}
.char img{
  width: 100%; 
}
.get_menu_txt .price .discount{
  font-size: 24px;
}
.get_menu_txt .price .new_price{
  font-size: 24px;
}
/*--찜하기_장바구니 btn 기능섹션--*/


.jelly_active_get{
  animation: jelly_active_get 0.3s;
}
@keyframes jelly_active_get{
  0%{
    transform: scale(1);
  }

  25%{
    transform: scale(0.9,1.1);
  }

  50%{
    transform: scale(1.1,0.9);
  }

  75%{
    transform: scale(0.95,1.05);
  }

  100%{
    transform: scale(1);
  }
}


#get_like_btn01, #get_cart_btn01,
#get_like_btn02, #get_cart_btn02,
#get_like_btn03, #get_cart_btn03{
  display: none;
}
#get_like_btn01:checked ~ .heart .like_off,
#get_like_btn02:checked ~ .heart .like_off,
#get_like_btn03:checked ~ .heart .like_off{
  opacity: 0;
}
#get_like_btn01:checked ~ .heart .like_on,
#get_like_btn02:checked ~ .heart .like_on,
#get_like_btn03:checked ~ .heart .like_on{
  opacity: 1;
}

#get_cart_btn01:checked ~ .cart .cart_off,
#get_cart_btn02:checked ~ .cart .cart_off,
#get_cart_btn03:checked ~ .cart .cart_off{
  opacity: 0;
}
#get_cart_btn01:checked ~ .cart .cart_on,
#get_cart_btn02:checked ~ .cart .cart_on,
#get_cart_btn03:checked ~ .cart .cart_on{
  opacity: 1;
}

/*--찜하기_장바구니 btn 기능섹션--*/

.get_like_box{
  display: flex;
  align-items: center;
}
.get_like_box .get_cart,
.get_like_box .get_heart{
  width: 25px; height: 25px;
  margin-left: 30px;
  position: relative;
  cursor: pointer;
}
.get_like_box .get_cart img,
.get_like_box .get_heart img{
  width: 100%; height: 100%;
}
.get_like_box .get_like_off,
.get_like_box .get_cart_off{
  opacity: 1;
  transition: all 0.3s;
}
.get_like_box .get_like_on,
.get_like_box .get_cart_on{
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transition: all 0.3s;
}





/*------------/get_box---------------------*/

.sub_banner01_box{
  width: 1070px;
  margin: 0 auto 100px;
  display: flex;
  justify-content: space-between;
}
.sub_banner01_box div{
  width: 525px;
}
.sub_banner01_box div img{
  width: 100%; height: auto;
}

/*--------------/sub_banner01-----------------*/

.new_product_box{
  width: 1070px; height: 570px;
  margin: 0 auto 50px;
  position: relative;
}
.new_product_box .new_product_content_box{
  width: 1070px; height: 100%;
  overflow: hidden;
  position: relative;
}
.new_product_box .new_content_box{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 50px;
}
.new_content_box .new_content{
  width: 240px;
}
.new_content .new_img{
  width: 240px;
  border-radius: 160px 160px 0 0;
  overflow: hidden;
}
.new_content .new_img img{
  width: 100%; height: auto;
}
.new_content .tag_box{
  margin: 5px 0;
}
.new_content .tag_box span{
  font-size: 12px;
}
.new_content .new_text{
  margin: 0;
}
.new_content .new_text > p{
  height: 50px;
  font-size: 16px;
}
.new_content .price{
  margin-top: 10px;
}
.new_content .price .discount{
  font-size: 22px;
}
.new_content .price .new_price{
  font-size: 22px;
}

/*--------overlay hover기능-----------------*/

.jelly_active{
  animation: jelly_active 0.3s;
}
@keyframes jelly_active{
  0%{
    transform: translateY(-5px) scale(1);
  }

  25%{
    transform: translateY(-5px) scale(0.9,1.1);
  }

  50%{
    transform: translateY(-5px) scale(1.1,0.9);
  }

  75%{
    transform: translateY(-5px) scale(0.95,1.05);
  }

  100%{
    transform: translateY(-5px) scale(1);
  }
}

.jelly_active_click{
  animation: jelly_active_click 0.3s;
}
@keyframes jelly_active_click{
  0%{
    transform: translateY(-5px) scale(1);
  }

  25%{
    transform: translateY(-5px) scale(1.1,1.1);
  }

  50%{
    transform: translateY(-5px) scale(1.3,0.9);
  }

  75%{
    transform: translateY(-5px) scale(0.95,1.05);
  }

  100%{
    transform: translateY(-5px) scale(1);
  }
}

#get_like_btn04, #get_cart_btn04,
#get_like_btn05, #get_cart_btn05,
#get_like_btn06, #get_cart_btn06,
#get_like_btn07, #get_cart_btn07{
  display: none;
}
#get_like_btn04:checked ~ .heart .like_off,
#get_like_btn05:checked ~ .heart .like_off,
#get_like_btn06:checked ~ .heart .like_off,
#get_like_btn07:checked ~ .heart .like_off{
  opacity: 0;
}
#get_like_btn04:checked ~ .heart .like_on,
#get_like_btn05:checked ~ .heart .like_on,
#get_like_btn06:checked ~ .heart .like_on,
#get_like_btn07:checked ~ .heart .like_on{
  opacity: 1;
}

#get_cart_btn04:checked ~ .cart .cart_off,
#get_cart_btn05:checked ~ .cart .cart_off,
#get_cart_btn06:checked ~ .cart .cart_off,
#get_cart_btn07:checked ~ .cart .cart_off{
  opacity: 0;
}
#get_cart_btn04:checked ~ .cart .cart_on,
#get_cart_btn05:checked ~ .cart .cart_on,
#get_cart_btn06:checked ~ .cart .cart_on,
#get_cart_btn07:checked ~ .cart .cart_on{
  opacity: 1;
}
/*--------------------*/


.new_content_box .new_content{
  position: relative;
}
.new_content_box .overlay_info{
  width: 240px; height: 272px;
  border-radius: 160px 160px 0 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transition: all 0.2s;
}
.new_content_box .overlay_info .overlay_tag{
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

.new_content_box .overlay_btn{
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 20px; left: 50px;
}
.new_content_box .overlay_btn .cart,
.new_content_box .overlay_btn .heart{
  width: 25px; height: 25px;
  margin-left: 30px;
  position: relative;
  cursor: pointer;
}
.new_content_box .overlay_btn .cart img,
.new_content_box .overlay_btn .heart img{
  width: 100%; height: 100%;
}
.new_content_box .overlay_btn .like_off,
.new_content_box .overlay_btn .cart_off{
  opacity: 1;
}
.new_content_box .overlay_btn .like_on,
.new_content_box .overlay_btn .cart_on{
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transform-origin: center center;
}

.new_content .new_img:hover .overlay_info{
  opacity: 1;
}
.new_content .new_img:hover .heart{
  transform: translateY(-5px);
  transition: all 0.3s ease;
}
.new_content .new_img:hover .cart{
  transform: translateY(-5px);
  transition: all 0.7s ease;
}

/*--------overlay hover기능-----------------*/


/*----content_slice_btn 기능섹션----*/

#pre_content_btn, #next_content_btn{
  display: none; 
} /*pre_content_btn이 안사라짐*/

/*----content_slice_btn 기능섹션----*/

.content_btn_box{
  width: 1190px;
  justify-content: space-between;
  position: absolute;
  top: 50%; left: -60px;
  display: none;
}
.content_btn_box label{
  font-size: 40px;
  color: #ccc;
  text-align: center;
  cursor: pointer;
}

.new_product_box:hover .content_btn_box {
  display: flex;
}

/*--------------/new_product_box-----------------*/

.best_review_box{
  width: 1070px;
  margin: 0 auto 100px;
}
.best_review_box p{
  margin-bottom: 50px;
}

.best_review_box .best_review_content_box{
  width: 1070px; height: 420px;
  overflow: hidden;
}
.best_review_box .best_review_content_box .best_review_content_rolling{
  width: 3160px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  animation: review_rolling 15s infinite;
}
@keyframes review_rolling{
  0%{
    transform: translateX(0);
  }
  5%{
    transform: translateX(0);
  }
  10%{
    transform: translateX(-200px);
  }
  15%{
    transform: translateX(-200px);
  }
  20%{
    transform: translateX(-400px);
  }
  25%{
    transform: translateX(-400px);
  }
  30%{
    transform: translateX(-600px);
  }
  35%{
    transform: translateX(-600px);
  }
  40%{
    transform: translateX(-800px);
  }
  45%{
    transform: translateX(-800px);
  }
  50%{
    transform: translateX(-1000px);
  }
  55%{
    transform: translateX(-1000px);
  }
  60%{
    transform: translateX(-1200px);
  }
  65%{
    transform: translateX(-1200px);
  }
  70%{
    transform: translateX(-1400px);
  }
  75%{
    transform: translateX(-1400px);
  }
  80%{
    transform: translateX(-1600px);
  }
  85%{
    transform: translateX(-1600px);
  }
  90%{
    transform: translateX(-1800px);
  }
  95%{
    transform: translateX(-1800px);
  }
  99%{
    transform: translateX(-2000px);
  }
  100%{
    transform: translateX(-2000px);
  }
}
.best_review_content_box:hover .best_review_content_rolling{
  animation-play-state: paused;
}

.best_review_content{
  width: 260px; height: 410px;
  border-radius: 30px;
  /* box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); */
}
.best_review_content .b_r_img{
  width: 260px; height: 260px;
}
.best_review_content .b_r_img img{
  width: 100%; height: 100%;
}

.best_review_content .best_review_text{
  padding: 10px;
}
.best_review_content .best_review_text p{
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}
.best_review_text .review_txt{
  height: 53px;
  padding: 10px 0;
}
.best_review_content .best_review_text .star{
  font-size: 18px;
  color: #B94040;
}
.best_review_content .best_review_text p:last-child{
  font-size: 12px;
}


.video_tag{position: relative;}
.video_tag::after{
  content: '▶ video';
  position: absolute;
  top: 10px; left: 10px;
  width: 55px; height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 5px;
  background-color: #B94040;
  color: white;
  font-size: 11px;
}

/*--------------/best_review_box---------------*/

.event_banner{
  width: 100%;
  margin-bottom: 140px;
}
.event_banner div{
  width: 1070px; height: auto;
  margin: 0 auto;
}
.event_banner div img{
  width: 100%; height: 100%;
}

/*---------/event_banner------------------*/

/*------------best_탭박스 기능---------------*/

#best_bread, #best_cookie, #best_cake, #best_chocolate, #best_gotguum, #best_custom{display: none;}

#best_bread:checked ~ .best_bread_content,
#best_cookie:checked ~ .best_cookie_content,
#best_cake:checked ~ .best_cake_content,
#best_chocolate:checked ~ .best_chocolate_content,
#best_gotguum:checked ~ .best_gotguum_content,
#best_custom:checked ~ .best_custom_content{
  display: flex;
}
/* #best_bread:checked ~ .best_btn_box .bread_best,
#best_cookie:checked ~ .best_btn_box .cookie_best,
#best_cake:checked ~ .best_btn_box .cake_best,
#best_chocolate:checked ~ .best_btn_box .chocolate_best,
#best_gotguum:checked ~ .best_btn_box .gotguum_best,
#best_custom:checked ~ .best_btn_box .custom_best
{
  border-bottom: 3px solid #B94040;
} */
/*--*/
#best_bread:checked ~ .best_cookie_content,
#best_bread:checked ~ .best_cake_content,
#best_bread:checked ~ .best_chocolate_content,
#best_bread:checked ~ .best_gotguum_content,
#best_bread:checked ~ .best_custom_content{
  display: none;
}
/*--*/
#best_cookie:checked ~ .best_bread_content,
#best_cookie:checked ~ .best_cake_content,
#best_cookie:checked ~ .best_chocolate_content,
#best_cookie:checked ~ .best_gotguum_content,
#best_cookie:checked ~ .best_custom_content{
  display: none;
}
/*--*/
#best_cake:checked ~ .best_bread_content,
#best_cake:checked ~ .best_cookie_content,
#best_cake:checked ~ .best_chocolate_content,
#best_cake:checked ~ .best_gotguum_content,
#best_cake:checked ~ .best_custom_content{
  display: none;
}
/*--*/
#best_chocolate:checked ~ .best_bread_content,
#best_chocolate:checked ~ .best_cookie_content,
#best_chocolate:checked ~ .best_cake_content,
#best_chocolate:checked ~ .best_gotguum_content,
#best_chocolate:checked ~ .best_custom_content{
  display: none;
}
/*--*/
#best_gotguum:checked ~ .best_bread_content,
#best_gotguum:checked ~ .best_cookie_content,
#best_gotguum:checked ~ .best_cake_content,
#best_gotguum:checked ~ .best_chocolate_content,
#best_gotguum:checked ~ .best_custom_content{
  display: none;
}
/*--*/
#best_custom:checked ~ .best_bread_content,
#best_custom:checked ~ .best_cookie_content,
#best_custom:checked ~ .best_cake_content,
#best_custom:checked ~ .best_chocolate_content,
#best_custom:checked ~ .best_gotguum_content{
  display: none;
}

/*------------best_탭박스 기능---------------*/

.best_product_box{
  width: 1070px;
  margin: 0 auto 100px;
  position: relative;
}
.best_product_box .best_btn_box{
  width: 900px;
  margin: 50px auto;
  display: flex;
  justify-content: space-between;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.best_product_box .best_btn_box label{
  width: 100px;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 3px solid white;
  transition: all 0.2s;
  cursor: pointer;
}

.best_product_box .best_sheet{
  width: 1070px;
  justify-content: space-between;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}

.best_product_box .best_sheet_on{
  position: relative;
  opacity: 1;
  visibility: visible;
}
.best_product_box .best_btn_box .on{
  border-bottom: 3px solid #B94040;
}

/*--컨텐츠 설정--*/
.best_content{
  width: 255px;
  margin-bottom: 30px;
}
.best_content .best_img{
  width: 255px; height: 255px;
}
.best_content .best_img img{
  width: 100%; height: 100%;
}
.best_content .best_text > p{
  height: 50px;
}
.best_content .tag_box span{
  font-size: 12px;
}
.best_content .best_text .price{
  margin-top: 10px;
}
.best_content .best_text .price .discount{
font-size: 22px;
}
.best_content .best_text .price .new_price{
  font-size: 22px;
}
/*--컨텐츠 설정--*/


/*--------overlay hover기능-----------------*/
#get_like_btn08, #get_cart_btn08,
#get_like_btn09, #get_cart_btn09,
#get_like_btn10, #get_cart_btn10,
#get_like_btn11, #get_cart_btn11,
#get_like_btn12, #get_cart_btn12,
#get_like_btn13, #get_cart_btn13,
#get_like_btn14, #get_cart_btn14,
#get_like_btn15, #get_cart_btn15,
#get_like_btn22, #get_cart_btn22,
#get_like_btn23, #get_cart_btn23,
#get_like_btn24, #get_cart_btn24,
#get_like_btn25, #get_cart_btn25,
#get_like_btn26, #get_cart_btn26,
#get_like_btn27, #get_cart_btn27,
#get_like_btn28, #get_cart_btn28,
#get_like_btn29, #get_cart_btn29,
#get_like_btn30, #get_cart_btn30,
#get_like_btn31, #get_cart_btn31,
#get_like_btn32, #get_cart_btn32,
#get_like_btn33, #get_cart_btn33,
#get_like_btn34, #get_cart_btn34,
#get_like_btn35, #get_cart_btn35,
#get_like_btn36, #get_cart_btn36,
#get_like_btn37, #get_cart_btn37,
#get_like_btn38, #get_cart_btn38,
#get_like_btn39, #get_cart_btn39,
#get_like_btn40, #get_cart_btn40,
#get_like_btn41, #get_cart_btn41,
#get_like_btn42, #get_cart_btn42,
#get_like_btn43, #get_cart_btn43,
#get_like_btn44, #get_cart_btn44,
#get_like_btn45, #get_cart_btn45,
#get_like_btn46, #get_cart_btn46,
#get_like_btn47, #get_cart_btn47,
#get_like_btn48, #get_cart_btn48,
#get_like_btn49, #get_cart_btn49,
#get_like_btn50, #get_cart_btn50,
#get_like_btn51, #get_cart_btn51{
  display: none;
}
#get_like_btn08:checked ~ .heart .like_off,
#get_like_btn09:checked ~ .heart .like_off,
#get_like_btn10:checked ~ .heart .like_off,
#get_like_btn11:checked ~ .heart .like_off,
#get_like_btn12:checked ~ .heart .like_off,
#get_like_btn13:checked ~ .heart .like_off,
#get_like_btn14:checked ~ .heart .like_off,
#get_like_btn15:checked ~ .heart .like_off,
#get_like_btn22:checked ~ .heart .like_off,
#get_like_btn23:checked ~ .heart .like_off,
#get_like_btn24:checked ~ .heart .like_off,
#get_like_btn25:checked ~ .heart .like_off,
#get_like_btn26:checked ~ .heart .like_off,
#get_like_btn27:checked ~ .heart .like_off,
#get_like_btn28:checked ~ .heart .like_off,
#get_like_btn29:checked ~ .heart .like_off,
#get_like_btn30:checked ~ .heart .like_off,#get_like_btn31:checked ~ .heart .like_off,#get_like_btn32:checked ~ .heart .like_off,#get_like_btn33:checked ~ .heart .like_off,#get_like_btn34:checked ~ .heart .like_off,#get_like_btn35:checked ~ .heart .like_off,
#get_like_btn36:checked ~ .heart .like_off,
#get_like_btn37:checked ~ .heart .like_off,
#get_like_btn38:checked ~ .heart .like_off,
#get_like_btn39:checked ~ .heart .like_off,
#get_like_btn40:checked ~ .heart .like_off,
#get_like_btn41:checked ~ .heart .like_off,
#get_like_btn42:checked ~ .heart .like_off,
#get_like_btn43:checked ~ .heart .like_off,
#get_like_btn44:checked ~ .heart .like_off,
#get_like_btn45:checked ~ .heart .like_off,
#get_like_btn46:checked ~ .heart .like_off,
#get_like_btn47:checked ~ .heart .like_off,
#get_like_btn48:checked ~ .heart .like_off,
#get_like_btn49:checked ~ .heart .like_off,
#get_like_btn50:checked ~ .heart .like_off,
#get_like_btn51:checked ~ .heart .like_off{
  opacity: 0;
}
#get_like_btn08:checked ~ .heart .like_on,
#get_like_btn09:checked ~ .heart .like_on,
#get_like_btn10:checked ~ .heart .like_on,
#get_like_btn11:checked ~ .heart .like_on,
#get_like_btn12:checked ~ .heart .like_on,
#get_like_btn13:checked ~ .heart .like_on,
#get_like_btn14:checked ~ .heart .like_on,
#get_like_btn15:checked ~ .heart .like_on,
#get_like_btn22:checked ~ .heart .like_on,
#get_like_btn23:checked ~ .heart .like_on,
#get_like_btn24:checked ~ .heart .like_on,
#get_like_btn25:checked ~ .heart .like_on,
#get_like_btn26:checked ~ .heart .like_on,
#get_like_btn27:checked ~ .heart .like_on,
#get_like_btn28:checked ~ .heart .like_on,
#get_like_btn29:checked ~ .heart .like_on,#get_like_btn30:checked ~ .heart .like_on,#get_like_btn31:checked ~ .heart .like_on,#get_like_btn32:checked ~ .heart .like_on,#get_like_btn33:checked ~ .heart .like_on,#get_like_btn34:checked ~ .heart .like_on,#get_like_btn35:checked ~ .heart .like_on,
#get_like_btn36:checked ~ .heart .like_on,
#get_like_btn37:checked ~ .heart .like_on,
#get_like_btn38:checked ~ .heart .like_on,
#get_like_btn39:checked ~ .heart .like_on,
#get_like_btn40:checked ~ .heart .like_on,
#get_like_btn41:checked ~ .heart .like_on,
#get_like_btn42:checked ~ .heart .like_on,
#get_like_btn43:checked ~ .heart .like_on,
#get_like_btn44:checked ~ .heart .like_on,
#get_like_btn45:checked ~ .heart .like_on,
#get_like_btn46:checked ~ .heart .like_on,
#get_like_btn47:checked ~ .heart .like_on,
#get_like_btn48:checked ~ .heart .like_on,
#get_like_btn49:checked ~ .heart .like_on,
#get_like_btn50:checked ~ .heart .like_on,
#get_like_btn51:checked ~ .heart .like_on{
  opacity: 1;
}

#get_cart_btn08:checked ~ .cart .cart_off,
#get_cart_btn09:checked ~ .cart .cart_off,
#get_cart_btn10:checked ~ .cart .cart_off,
#get_cart_btn11:checked ~ .cart .cart_off,
#get_cart_btn12:checked ~ .cart .cart_off,
#get_cart_btn13:checked ~ .cart .cart_off,
#get_cart_btn14:checked ~ .cart .cart_off,
#get_cart_btn15:checked ~ .cart .cart_off,
#get_cart_btn22:checked ~ .cart .cart_off,
#get_cart_btn23:checked ~ .cart .cart_off,
#get_cart_btn24:checked ~ .cart .cart_off,
#get_cart_btn25:checked ~ .cart .cart_off,
#get_cart_btn26:checked ~ .cart .cart_off,
#get_cart_btn27:checked ~ .cart .cart_off,
#get_cart_btn28:checked ~ .cart .cart_off,
#get_cart_btn29:checked ~ .cart .cart_off,#get_cart_btn30:checked ~ .cart .cart_off,#get_cart_btn31:checked ~ .cart .cart_off,#get_cart_btn32:checked ~ .cart .cart_off,#get_cart_btn33:checked ~ .cart .cart_off,#get_cart_btn34:checked ~ .cart .cart_off,#get_cart_btn35:checked ~ .cart .cart_off,
#get_cart_btn36:checked ~ .cart .cart_off,
#get_cart_btn37:checked ~ .cart .cart_off,
#get_cart_btn38:checked ~ .cart .cart_off,
#get_cart_btn39:checked ~ .cart .cart_off,
#get_cart_btn40:checked ~ .cart .cart_off,
#get_cart_btn41:checked ~ .cart .cart_off,
#get_cart_btn42:checked ~ .cart .cart_off,
#get_cart_btn43:checked ~ .cart .cart_off,
#get_cart_btn44:checked ~ .cart .cart_off,
#get_cart_btn45:checked ~ .cart .cart_off,
#get_cart_btn46:checked ~ .cart .cart_off,
#get_cart_btn47:checked ~ .cart .cart_off,
#get_cart_btn48:checked ~ .cart .cart_off,
#get_cart_btn49:checked ~ .cart .cart_off,
#get_cart_btn50:checked ~ .cart .cart_off,
#get_cart_btn51:checked ~ .cart .cart_off{
  opacity: 0;
}
#get_cart_btn08:checked ~ .cart .cart_on,
#get_cart_btn09:checked ~ .cart .cart_on,
#get_cart_btn10:checked ~ .cart .cart_on,
#get_cart_btn11:checked ~ .cart .cart_on,
#get_cart_btn12:checked ~ .cart .cart_on,
#get_cart_btn13:checked ~ .cart .cart_on,
#get_cart_btn14:checked ~ .cart .cart_on,
#get_cart_btn15:checked ~ .cart .cart_on,
#get_cart_btn22:checked ~ .cart .cart_on,
#get_cart_btn23:checked ~ .cart .cart_on,
#get_cart_btn24:checked ~ .cart .cart_on,
#get_cart_btn25:checked ~ .cart .cart_on,
#get_cart_btn26:checked ~ .cart .cart_on,
#get_cart_btn27:checked ~ .cart .cart_on,
#get_cart_btn28:checked ~ .cart .cart_on,
#get_cart_btn29:checked ~ .cart .cart_on,#get_cart_btn30:checked ~ .cart .cart_on,#get_cart_btn31:checked ~ .cart .cart_on,#get_cart_btn32:checked ~ .cart .cart_on,#get_cart_btn33:checked ~ .cart .cart_on,#get_cart_btn34:checked ~ .cart .cart_on,#get_cart_btn35:checked ~ .cart .cart_on,
#get_cart_btn36:checked ~ .cart .cart_on,
#get_cart_btn37:checked ~ .cart .cart_on,
#get_cart_btn38:checked ~ .cart .cart_on,
#get_cart_btn39:checked ~ .cart .cart_on,
#get_cart_btn40:checked ~ .cart .cart_on,
#get_cart_btn41:checked ~ .cart .cart_on,
#get_cart_btn42:checked ~ .cart .cart_on,
#get_cart_btn43:checked ~ .cart .cart_on,
#get_cart_btn44:checked ~ .cart .cart_on,
#get_cart_btn45:checked ~ .cart .cart_on,
#get_cart_btn46:checked ~ .cart .cart_on,
#get_cart_btn47:checked ~ .cart .cart_on,
#get_cart_btn48:checked ~ .cart .cart_on,
#get_cart_btn49:checked ~ .cart .cart_on,
#get_cart_btn50:checked ~ .cart .cart_on,
#get_cart_btn51:checked ~ .cart .cart_on{
  opacity: 1;
}
/*--------------------*/


.best_bread_content .best_content,
.best_cookie_content .best_content,
.best_cake_content .best_content,
.best_chocolate_content .best_content,
.best_custom_content .best_content{
  position: relative;
}
.best_content .overlay_info{
  width: 255px; height: 255px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transition: all 0.2s;
}
.best_content .overlay_info .overlay_tag{
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}
.best_content .overlay_btn{
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 20px; left: 60px;
}
.best_content .overlay_btn .cart,
.best_content .overlay_btn .heart{
  width: 25px; height: 25px;
  margin-left: 30px;
  position: relative;
  cursor: pointer;
}
.best_content .overlay_btn .cart img,
.best_content .overlay_btn .heart img{
  width: 100%; height: 100%;
}
.best_content .overlay_btn .like_off,
.best_content .overlay_btn .cart_off{
  opacity: 1;
}
.best_content .overlay_btn .like_on,
.best_content .overlay_btn .cart_on{
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
}

.best_content .best_img:hover .overlay_info{
  opacity: 1;
}
.best_content .best_img:hover .heart{
  transform: translateY(-5px);
  transition: all 0.3s ease;
}
.best_content .best_img:hover .cart{
  transform: translateY(-5px);
  transition: all 0.7s ease;
}

/*--------overlay hover기능-----------------*/





/*---------/best_product_box------------*/

.gift_banner{
  width: 100%;
  margin-bottom: 50px;
}
.gift_banner div{
  width: 1070px; height: auto;
  margin: 0 auto;
}
.gift_banner div img{
  width: 100%; height: 100%;
}

/*---------/gift_banner------------------*/


.gift_product_box{
  width: 100%;
  margin-bottom: 100px;
}
.gift_product_box .gift_product{
  width: 1070px; 
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.gift_product .gift_content{
  width: 336px;
}
.gift_content{
  width: 336px;
  margin-bottom: 35px;
}
.gift_content .gift_img{
  width: 336px; height: 336px;
}
.gift_content .gift_img img{
  width: 100%; height: 100%;
}
.gift_content .gift_text > p{
  height: 50px;
  font-size: 16px;
}
.gift_content .tag_box span{
  font-size: 12px;
}
.gift_content .gift_text .price{
  margin-top: 10px;
}
.gift_content .gift_text .price .discount{
font-size: 22px;
}
.gift_content .gift_text .price .new_price{
  font-size: 24px;
}



/*--------overlay hover기능-----------------*/

#get_like_btn16, #get_cart_btn16,
#get_like_btn17, #get_cart_btn17,
#get_like_btn18, #get_cart_btn18,
#get_like_btn19, #get_cart_btn19,
#get_like_btn20, #get_cart_btn20,
#get_like_btn21, #get_cart_btn21{
  display: none;
}

#get_like_btn16:checked ~ .heart .like_off,
#get_like_btn17:checked ~ .heart .like_off,
#get_like_btn18:checked ~ .heart .like_off,
#get_like_btn19:checked ~ .heart .like_off,
#get_like_btn20:checked ~ .heart .like_off,
#get_like_btn21:checked ~ .heart .like_off{
  opacity: 0;
}

#get_like_btn16:checked ~ .heart .like_on,
#get_like_btn17:checked ~ .heart .like_on,
#get_like_btn18:checked ~ .heart .like_on,
#get_like_btn19:checked ~ .heart .like_on,
#get_like_btn20:checked ~ .heart .like_on,
#get_like_btn21:checked ~ .heart .like_on{
  opacity: 1;
}


#get_cart_btn16:checked ~ .cart .cart_off,
#get_cart_btn17:checked ~ .cart .cart_off,
#get_cart_btn18:checked ~ .cart .cart_off,
#get_cart_btn19:checked ~ .cart .cart_off,
#get_cart_btn20:checked ~ .cart .cart_off,
#get_cart_btn21:checked ~ .cart .cart_off{
  opacity: 0;
}

#get_cart_btn16:checked ~ .cart .cart_on,
#get_cart_btn17:checked ~ .cart .cart_on,
#get_cart_btn18:checked ~ .cart .cart_on,
#get_cart_btn19:checked ~ .cart .cart_on,
#get_cart_btn20:checked ~ .cart .cart_on,
#get_cart_btn21:checked ~ .cart .cart_on{
  opacity: 1;
}
/*--------------------*/


.gift_product .gift_content{
  position: relative;
}
.gift_content .overlay_info{
  width: 336px; height: 336px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  transition: all 0.2s;
}
.gift_content .overlay_info .overlay_tag{
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 33px;
}

.gift_content .overlay_btn{
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 30px; left: 90px;
}
.gift_content .overlay_btn .cart,
.gift_content .overlay_btn .heart{
  width: 30px; height: 30px;
  margin-left: 30px;
  position: relative;
  cursor: pointer;
}
.gift_content .overlay_btn .cart img,
.gift_content .overlay_btn .heart img{
  width: 100%; height: 100%;
}
.gift_content .overlay_btn .like_off,
.gift_content .overlay_btn .cart_off{
  opacity: 1;
}
.gift_content .overlay_btn .like_on,
.gift_content .overlay_btn .cart_on{
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
}

.gift_content .gift_img:hover .overlay_info{
  opacity: 1;
}
.gift_content .gift_img:hover .heart{
  transform: translateY(-5px);
  transition: all 0.3s ease;
}
.gift_content .gift_img:hover .cart{
  transform: translateY(-5px);
  transition: all 0.7s ease;
}

/*--------overlay hover기능-----------------*/

/*-------/gift_product--------------*/

.notice_event_box{
  width: 100%;
  margin-bottom: 100px;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
}
.notice_event_box .notice_event{
  width: 1070px;
  margin: 0 auto;
  display: flex;
  background-color: #FFE5E6;
}

.notice_event .n_e_box{
  width: 535px;
  padding: 30px;
  border-right: 1px solid #ccc;
  /* background-color: #eee; */
}
.notice_event .n_e_box:last-child{
  border: 0;
}
.n_e_box .n_e_title{
  width: 105px; height: 35px;
  margin: 0 auto 20px;
  text-align: center;
  line-height: 35px;
  background-color: #B94040;
  color: white;
  font-size: 20px;
}
.n_e_content > div{
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.n_e_content > div:last-child{
  border: 0;
}
.n_e_content > div a{
  width: 475px;
  display: flex;
  align-items: center;
}
.n_e_content > div a > span{
  font-size: 12px;
  font-weight: 500;
  color: #B94040;
}
.n_e_content .n_e_text{
  width: 475px;
  margin-left: 10px;
}
.n_e_content .n_e_text p:nth-child(1){
  font-size: 18px;
  font-weight: 500;
}
.n_e_content .n_e_text p:nth-child(2){
  font-size: 14px;
  margin-top: 8px;
}
.n_e_box .n_e_more{
  width: 80px; height: 30px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
  line-height: 30px;
  border: 1px solid black;
  box-sizing: border-box;
  font-size: 14px;
}
.n_e_box .n_e_more a{
  display: block;
  width: 80px; height: 30px;
}
/*----------/notice_event_box----------------*/

.sns_box{
  width: 100%;
  margin-bottom: 100px;
}
.sns_box .youtube_ovenlog{
  width: 1070px;
  margin: 0 auto;
  margin-top: 50px;
}

.sns_box .sns_follow_box{
  width: 460px;
  margin: 0 auto;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.sns_follow_box .sns_content{
  width: 70px;
}
.sns_content > a div{
  width: 70px; height: 70px;
}
.sns_content > a div img{
  width: 100%; height: 100%;
}
.sns_content p{
  text-align: center;
  font-size: 14px;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  margin-top: 10px;
}
.sns_content:hover p{
  font-weight: 600;
}

/*------------/sns_box----------------------*/


/*-------quick_menu-----------------*/

.quick_menu{
  width: 60px;
  position: fixed;
  bottom: 80px; right: 0;
  display: none;
}
.quick_menu .quick_heart{
  width: 60px; height: 60px;
  position: relative;
  border-radius: 50%;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.quick_menu .quick_heart img{
  width: 100%; height: 100%;
  position: absolute;
  top: 0; left: 0;
  transition: all 0.2s;
}
.quick_menu .quick_heart .quick_heart_off{
  opacity: 1;
}
.quick_menu .quick_heart .quick_heart_hover{
  opacity: 0;
}
.quick_heart:hover .quick_heart_off{
  opacity: 0;
}
.quick_heart:hover .quick_heart_hover{
  opacity: 1;
}

.quick_menu .quick_cart{
  width: 60px; height: 60px;
  position: relative;
  border-radius: 50%;
  margin-top: 20px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.quick_menu .quick_cart img{
  width: 100%; height: 100%;
  position: absolute;
  top: 0; left: 0;
  transition: all 0.2s;
}
.quick_menu .quick_cart .quick_cart_off{
  opacity: 1;
}
.quick_menu .quick_cart .quick_cart_hover{
  opacity: 0;
}
.quick_cart:hover .quick_cart_off{
  opacity: 0;
}
.quick_cart:hover .quick_cart_hover{
  opacity: 1;
}

.quick_menu .viewed_item{
  width: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
  position: relative;
  background-color: white;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.viewed_item .viewed_item_img{
  width: 40px; height: 40px;
  margin: 0 auto;
}
.viewed_item .viewed_item_img img{
  width: 100%; height: 100%;
}
.quick_menu .viewed_item .quick_btn{
  width: 60px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 35%; left: 0;
}
.quick_menu .viewed_item .quick_btn i{
  width: 10px; height: 10px;
  color: #ccc;
}
.viewed_item p{
  font-size: 12px;
  font-weight: 500;
  margin: 5px 0;
}
.viewed_item p:last-child{
  font-size: 14px;
  border-top: 0.5px solid #999;
  padding: 3px 0;
  font-weight: 500;
}
.top_btn{display: none;}
.top_btn a{
  display: block;
  width: 60px; height: 60px;
  border-radius: 50%;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  overflow: hidden;
  margin-top: 100px;
}
.top_btn a img{
  width: 100%; height: 100%;
}

/*-------/quick_menu-----------------*/
#chk{display: none;}
#chk ~ .popup{display: block;}
#chk:checked ~ .popup{display: none;}
.popup{
  width: 300px; height: auto;
  position: absolute;
  top: 50px; left: 50px;
  z-index: 9999;
  cursor: pointer;
}
.popup img{
  width: 100%; height: auto;
}


/* 딱 main만 넣기!*/