.main_visual {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto; 
  margin-top: 24px;
}

#main_visual .swiper-slide {
  width: 1066px;
  border-radius: 30px;
  overflow: hidden;
}
#main_banner {
  position: relative;
  width: 100%;  
  margin: 0 auto;  
  overflow: hidden; 
}

.cera_swiper {
  width: 1066px;
  margin: 70px auto;
  display: flex;
  position: relative;
}
.cera_swiper .swiper-button-prev {
  background: url(/common/image/arrow/arrow_l.svg) no-repeat;
  top: 47%;
}
.cera_swiper .swiper-button-next {
  background: url(/common/image/arrow/arrow_r.svg) no-repeat;
  top: 47%;
} 
.cera_swiper .swiper-container {
  width: 650px;
  margin: 0;
} 
.cera_swiper .cera_txt {
  padding-top: 80px;
}
.cera_swiper .cera_txt img {
  height: 22px;
  margin-bottom: 30px;
  display: block;
}
.cera_swiper .cera_txt p {
  font-size: 40px;
  font-weight: 300;
  color: #7a4b33;
  position: relative;
  margin-bottom: 40px;
  display: inline-block;
}
.cera_swiper .cera_txt b {
  font-weight: 700;
}
.cera_swiper .cera_txt .cera_dot {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #d00f2d;
  position: absolute;
  right: -16px;
  bottom: 4px;
  animation: blink 1.5s infinite;
}
@keyframes blink {
  0%, 100% {
      opacity: 1;
  } 
  50% {
      opacity: 0;
  }
}
.cera_swiper .cera_txt .cera_subtxt {
  font-size: 20px;
  color: #7a4b33;
  line-height: 32px;
}
 
#trendReport { 
  width: 1066px;
  margin: 50px auto;
  overflow: hidden;
  margin-bottom: 60px;
}
#trendReport .top_title {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
} 
#trendReport .top_title p {
  font-family: var(--main-fonts);
  font-size: 22px;
  margin: 0;
  font-weight: 700;
  color: #0e0e0e;
  display: flex;
  letter-spacing: -1px;
  align-items: flex-start;
}
#trendReport .top_title p img {
  margin-left: 5px;
}
#trendReport .top_title a {
  color: #8a8a8a; 
  font-size: 13px;   
  font-family: var(--main-fonts);
  letter-spacing: -.5px;
}
#trendReport .trend_div {
  display: flex;
  overflow: hidden;
}
#trendReport .trend_products {
  display: flex; 
}
#trendReport .trend_div .trend_front {
  position: relative;
  margin-right: 14px;
} 
#trendReport .trend_div .trend_front .tf_txt {
  width: 258px;
} 
#trendReport .trend_div .trend_front .tf_txt p {
  margin: 0;
  font-family: var(--main-fonts);
  font-size: 32px;
  color: #0e0e0e;  
  line-height: 40px;
  font-weight: 700;
  letter-spacing: -1px;
} 
#trendReport .trend_div .trend_front .tf_txt span.txt {
  margin: 0;
  font-family: var(--main-fonts);
  font-size: 20px;
  font-weight: 400;
  color: #0e0e0e;
  display: block;
  line-height: 32px;
  margin-top: 6px;
  letter-spacing: -.5px;
}
#trendReport .trend_target {
  width: 796px;
}
#trendReport .trend_prd {
  width: 100%;
  display: flex;
  justify-content: space-between;
}


#trendReport .trend_prd_slide {
  width: 392px;
  background: #f7f7f7;
  padding: 24px 0;
  text-align: center;
}
#trendReport .trend_prd_slide * {
  letter-spacing: -1px;
}
#trendReport .trend_prd_slide .trend_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
#trendReport .trend_prd_slide .trend_name p {
  font-size: 24px;
  font-weight: 700;
  margin-right: 14px;
}
#trendReport .trend_prd_slide .trend_name span {
  font-size: 14px;
  font-weight: 800;
  display: block;
  border: 2px solid #191919;
  padding: 2px 12px;
  border-radius: 16px;
}
#trendReport .trend_prd_slide .trend_name + span {
  font-size: 17px;
  margin-top: 16px;
  margin-bottom: 20px;
  display: block;
  line-height: 24px;
}
#trendReport .trend_prd_slide .trend_swiper {
  position: relative;
}
#trendReport .trend_prd_slide .trend_swiper .swiper-slide img {
  background: #f7f7f7;
}
#trendReport .trend_prd_slide .trend_swiper .color_choice {
  position: absolute;
  bottom: 0;
  left: 38px;
  display: flex;
}
#trendReport .trend_prd_slide .trend_swiper .color_choice > span {
  width: 13px;
  height: 13px;
  border-radius: 8px;
  display: block;
  margin-right: 10px;
  cursor: pointer;
}
#trendReport .trend_prd_slide .trend_swiper .color_choice > span:nth-of-type(1) {
  background: #333333;
}
#trendReport .trend_prd_slide .trend_swiper .color_choice > span:nth-of-type(2) {
  background: #fff;
  border: 1px solid #efefef;
}
#trendReport .trend_prd_slide .trend_swiper .color_choice > span:nth-of-type(3) {
  background: #a86343;
}
#trendReport .trend_prd_slide2 .trend_swiper .color_choice > span:nth-of-type(1) {
  background: #fff;
  border: 1px solid #efefef;
}
#trendReport .trend_prd_slide2 .trend_swiper .color_choice > span:nth-of-type(2) {
  background: #333333;
  border: none;
}
#trendReport .trend_prd_slide2 .trend_swiper .color_choice > span:nth-of-type(3) {
  background: #a86343;
}
#trendReport .trend_ex_swiper {
  margin-top: 30px; 
}
#trendReport .trend_ex_swiper .swiper-slide {
  border: 1px solid #191919;
  width: 316px;
  display: flex;
  align-items: center;
}
#trendReport .trend_ex_swiper .swiper-slide .trend_ex_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
}
#trendReport .trend_ex_swiper .swiper-slide .trend_ex_tit {
  text-align: left;
}
#trendReport .trend_ex_swiper .swiper-slide .trend_ex_tit p {
  font-weight: 700;
  margin-bottom: 6px;
  font-size: 17px;
}
#trendReport .trend_ex_swiper .swiper-slide .trend_ex_tit span {
  font-size: 16px;
  line-height: 22px;
}



.trend_prds {
  width: 390px;
  overflow: hidden;
  margin-top: 20px;
}
.trend_prds .prd_div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; 
  cursor: pointer; 
  padding: 14px 0;
  border-top: 1px solid #c1c1c1;
}
.trend_prds .prd_div.product {
  margin: 0 !important;
}
.trend_prds .prd_div .prd_left {
  display: flex;
  align-items: center; 
}
.trend_prds .prd_div:nth-of-type(1) {
  border-top: 1px solid #1c1c1c;
}
.trend_target .trend_box { 
  display: flex;
  width: 796px;
  justify-content: space-between;
}
.trend_prds .prd_div .prd_img {
  width: 65px;
  height: 65px;
  margin-right: 10px;
  object-fit: cover;
  border-radius: 5px;
  overflow: hidden;
  filter:brightness(0.96);
} 
.trend_prds .prd_div .bt_info {
  display: flex;
  justify-content: space-between;
}
.trend_prds .prd_div .item_tit {
  display: block;
  color: #0e0e0e;
  width: 213px;
  font-family: var(--main-fonts);
  font-weight: 600;
  letter-spacing: -.5px;
  font-size: 17px;
  margin: 0;
  height: auto; 
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}
.trend_prds .prd_div .red {
  font-family: var(--main-fonts);
  color: #8850a0;
  font-size: 20px;
  margin-right: 8px;
  font-weight: 700;
  letter-spacing: -.5px; 
}
.trend_prds .prd_div .price {
  font-family: var(--main-fonts);
  color: #191919;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.5px;
}
.trend_prds .prd_div .price small {
  font-size: 15px;
}
.trend_prds .prd_div .trend_cart {
  width: 88px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.trend_prds .prd_div .trend_cart::before {
  content: '';
  position: absolute;
  top: -14px; 
  left: 0;
  width: 1px;
  height: 78px;
  background: #d3d3d3;
}
.trend_prds .prd_div .trend_cart img {
  width: 28px;
  height: 24px;
  margin-bottom: 10px;
}


#cera_container {
  width: 1066px;
  margin: 100px auto;
  position: relative;
}

#cera_container .top_title {
  margin-bottom: 20px;
}
#cera_container .top_title span {
  margin-bottom: 5px;
  display: block;
  font-size: 22px; 
}
#cera_container .top_title p {
  font-size: 32px;
  margin: 0;
  margin-bottom: 0px;
  color: #0e0e0e;
  font-weight: 700;
} 
.yt_shorts {
  width: 1066px;
  margin: 0px auto;
  margin-bottom: 100px;
}
.yt_shorts .top_title {
  margin-bottom: 20px;
}
.yt_shorts .top_title span {
  margin-bottom: 5px;
  display: block;
  font-size: 22px; 
}
.yt_shorts .top_title p {
  font-size: 32px;
  margin: 0;
  margin-bottom: 0px;
  color: #0e0e0e;
  font-weight: 700;
} 
#cera_container .prd_cont {
  display: flex;
  flex-wrap: wrap;
}
.product .prc_name {
  color: #9c5f41 !important;
}

/* 헬스테리어 */
#cera_container .cera_py{
  display: flex;
  gap: 43px;
  margin-bottom: 29px;
}
#cera_container .cera_py li{
  font-size: 22px;
  color: #858585;
  cursor: pointer;
}
#cera_container span.serif {
  display: inline;
  font-family: "STIX Two Text", serif;
  font-weight: 400;
}
#cera_container .cera_thumb{
  position: relative;
}
#cera_container .txt_box{
  position: absolute;
  top: 292px;
  left: 39px;
}
#cera_container .txt_box p{
  color: #c3c3c3;
  font-size: 22px;
  margin-bottom: 11px;
  font-weight: 400;
}
#cera_container .txt_box h2{
  color:#fff;
  font-size: 32px;
  line-height: 41px;
}

#cera_container .cera_py_item{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 60px;
  margin-bottom: 29px;
}
#cera_container .cera_py_item li {
  position: relative;
  text-align: center;
}
#cera_container .cera_py_item li div{
  position: relative;
}
#cera_container .cera_py_item li a{
  background-image: url(/common/image/plan/ceragem/plus.svg);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}
#cera_container .cera_py_item li h5{
  font-size: 18px;
  font-weight: 500;
  margin: 18px 0;
  color: #858585;
}
#cera_container .cera_py_item li p{
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 40px;
  color: #191919;
}
#cera_container .cera_py_item img {
  width: 100%;
  border: .5px solid #eee;
}

#cera_container .cera_py_item li.item1 a:nth-child(2) {
  top: 53%;
  left: 15%;
}
#cera_container .cera_py_item li.item1 a:last-child {
  display: none;
}
#cera_container .cera_py_item li.item2 a:nth-child(2) {
  top: 60%;
  left: 9%;
}
#cera_container .cera_py_item li.item2 a:last-child {
  top: 60%;
  left: 84%;
}
#cera_container .cera_py_item li.item3 a:nth-child(2) {
  top: 67%;
  left: 16%;
}
#cera_container .cera_py_item li.item3 a:last-child {
  top: 56%;
  left: 80%;
}
#cera_container .cera_py_item li.item4 a:nth-child(2) {
  top: 43%;
  left: 21%;
}
#cera_container .cera_py_item li.item4 a:last-child {
  top: 51%;
  left: 69%;
}
#cera_container .cera_py_item li.item5 a:nth-child(2) {
  top: 56%;
  left: 19%;
}
#cera_container .cera_py_item li.item5 a:last-child {
  display:none;
}
#cera_container .cera_py_item li.item6 a:nth-child(2) {
  top: 62%;
  left: 19%;
}
#cera_container .cera_py_item li.item6 a:last-child {
  top: 72%;
  left: 75%;
}
#cera_container .cera_py_item li.item7 a:nth-child(2) {
  top: 59%;
  left: 19%;
}
#cera_container .cera_py_item li.item7 a:last-child {
  top: 66%;
  left: 79%;
}
#cera_container .cera_py_item li.item8 a:nth-child(2) {
  top: 20%;
  left: 11%;
}
#cera_container .cera_py_item li.item8 a:last-child {
  display: none;
}
#cera_container .cera_py_item li.item9 a:nth-child(2) {
  top: 69%;
  left: 9%;
}
#cera_container .cera_py_item li.item9 a:last-child {
  top: 53%;
  left: 77%;
}
#cera_container .cera_py_item li.item10 a {
  display: none;
}
#cera_container .cera_py_item li.item11 a:nth-child(2) {
  top: 78%;
  left: 41%;
}
#cera_container .cera_py_item li.item11 a:last-child {
  top: 52%;
  left: 81%;
}
#cera_container .cera_py_item li.item12 a:nth-child(2) {
  top: 64%;
  left: 11%;
}
#cera_container .cera_py_item li.item12 a:last-child {
  top: 77%;
  left: 89%;
}
#cera_container .cera_py_item li.item13 a:nth-child(2) {
  top: 43%;
  left: 9%;
}
#cera_container .cera_py_item li.item13 a:last-child {
  top: 56%;
  left: 85%;
}
#cera_container .cera_py_item li.item14 a:nth-child(2) {
  top: 42%;
  left: 10%;
}
#cera_container .cera_py_item li.item14 a:last-child {
  top: 60%;
  left: 86%;
}