/* BASIC css start */
/* class-list */
#productClass .cate-wrap { margin-bottom:60px; }
#productClass .cate-wrap .bcate { font-family: "Pretendard Variable", Pretendard, sans-serif;padding:20px 0 20px;  font-size:32px; color:#111111; font-weight:600; text-align:center; }

/* 3개 박스 애니메이션 */
.bcate-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 60px 0;
}

.corp-banner {
  width: 1200px;
  height: 350px;
  display: flex;
  gap: 10px;
}

.left-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 595px;
}

.right-column {
  width: 595px;
}

.box {
  background: linear-gradient(135deg, #ed4747, #ff7c7c); /* 브랜드 컬러 중심 그라디언트 */
  padding: 30px;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(237, 71, 71, 0.3); /* 컬러에 맞춘 그림자 */
  transition: transform 0.3s ease, box-shadow 0.3s ease;

  display: flex;
  flex-direction: column;
  justify-content: center;

  opacity: 0.2;
  transform: translateY(20px);
  animation: fadeUp 0.8s ease-out forwards;
}

.box:hover {
  transform: scale(1.03) translateY(0);
  box-shadow: 0 12px 30px rgba(237, 71, 71, 0.45);
}

.box-1 {
  height: 170px;
  animation-delay: 0s;
}
.box-2 {
  height: 170px;
  animation-delay: 0.3s;
}
.box-3 {
  height: 350px;
  animation-delay: 0.6s;
}

.text h3 {
  font-size: 26px;
  margin: 0 0 10px;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.text p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.box .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.box .text {
  flex: 1;
}

.box .image {
  width: 120px; /* 이미지 사이즈 */
  margin-left: 20px;
}

.box .image img {
  width: 100%;
  height: auto;
  display: block;
}

.box .image3 {
  width: 180px; /* 이미지 사이즈 */
  margin-left: 20px;
}

.box .image3 img {
  width: 100%;
  height: auto;
  display: block;
}

#productClass .cate-wrap .class-list ul {display:flex; flex-wrap:wrap; gap:15px 30px ; justify-content:center; align-items:center; }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { }
#productClass .cate-wrap .class-list ul li a {position:relative; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight:500; display:block; font-size:15px; color:#999999;  padding:15px 27px; transition:all .1s; background-color:#f9f9f9; border-radius:30px}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{color:#fff; background-color:var(--main-color)}


/* best-item */


#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

.best_sec{margin-bottom:60px; padding:50px 0 30px; }

.best_sec_inner{ margin:0 auto;position:relative; }
.best_sec p.best_tit{margin:15px 0 50px; text-align:center;  font-family: "Pretendard Variable", Pretendard, sans-serif; font-size:26px; color:#111111; font-weight:600;}
.best_sec .swiper{padding-bottom:40px;}
.best_sec .swiper-pagination{bottom: 0; top: unset;}
.best_sec .swiper-pagination-progressbar{background-color: rgba(0,0,0,.05);}
.best_sec .swiper-pagination-progressbar-fill{background-color: #cfcfcf;}

.best_sec_inner .cate_bt{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.best_sec_inner .cate_bt li{margin-right: 10px; }
.best_sec_inner .cate_bt h2{margin-bottom: 0; font-family: "Pretendard Variable", Pretendard, sans-serif;padding:0px 0 0px;  font-size:26px; color:#111111; }


.product_tit{margin-bottom: 50px;}
/* BASIC css end */