@charset "utf-8";

/* main */
.swiper-wrapper{height:auto !important;}
.main_visual{width:100%; position:relative; margin-bottom:80px; }
.main_visual li { text-align:center; }
.main_new_item{ background:#f9f9f9;  padding:1px 0 80px;}
.main_best_item{padding:1px 0 80px;}
#main_bn .img{width:100%; height:400px; background-size:cover; background-repeat:no-repeat; background-position:center center;} 
.tab-menu {margin:0 0 30px;}
.tab-menu li{ display: inline-block; } 
.tab-menu li a{display:block; padding:8px 20px; border-radius:40px; cursor:pointer;}
.tab-menu li a.active{color:#fff;background:#111; }
.tab{ display: none;}
.tab.active{ display: block;}


@media (max-width:1400px) { 
	.ft_wr{padding: 20px;}
}


@media (min-width:969px) { 
	.gnb .gnb_cate > li:hover > ul{visibility: inherit; opacity:1;}
}
@media (max-width:970px) { 
	.gnb{ margin: 0 0 5px  ;  background:#fff; }
	.gnb .gnb_cate{flex-wrap: nowrap; overflow-x: auto;      justify-content: flex-start;  }
	.gnb .gnb_cate > li{padding:10px  ; flex: 0 0 auto; font-size:12px}
	.gnb .gnb_cate > li > ul{display:none;}
	.gnb .gnb_cate.comm{display:none;}
	#wrapper{margin-top:100px;} 
	#container_title{ padding: 30px 0 10px; font-size:18px}
	.hd_top_btn{padding:0; margin:0 ;}
	.hd_top_wr{width:100%;}
	.hd_top_btn a{font-size:11px; padding-left:0; padding-right:10px;}
	#smb_my_ov .my_name{font-size:16px;}  
	.hd_notice{display:block; width:100%; background:#111;   text-align:center;}
	.hd_notice a{color:#fff;}
	
	#sod_ws_act .btn01,
	#sod_ws_act .btn02 { font-size:12px}
	#sit_siblings{display:none;}
	.sod_list .sod_li{padding:10px}

	.sod_list .li_chk{padding:0;}
	.sod_list .li_name{padding:5px 0 15px; font-size:14px;}
	.sod_list .li_mod{margin-left:0;}
	#sod_bsk_act .total{font-size:18px}
	#mod_option_frm h2{font-size:14px;}
	#mod_option_frm #sit_sel_option{padding:0 15px;} 
	.main_new_item{ padding:1px 0 40px;}
	.main_best_item{padding:1px 0 40px;}
	#main_bn .img{height:120px;}
	.tab-menu li a{font-size:12px; padding:5px 15px;}
}

@media (max-width:768px) { 
	.main_visual{ margin-bottom:30px; }
}


/* 컨테이너: max-width 1440 */
.triple-banner{
  padding: 0;
  margin-bottom:80px; 
}
.triple-banner__inner{
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.triple-banner__item{
  display:block;
  overflow:hidden;
}

.triple-banner__item img{
  display:block;
  width:100%;
  aspect-ratio: 750 / 901;
  object-fit: cover;
}

/* ✅ 모바일: 3개를 한 줄로 유지 + 가로 스크롤 */
@media (max-width: 768px){
  .triple-banner{
    padding: 0; /* 모바일 좌우 여백 */
	margin-bottom:30px;
  }

  .triple-banner__inner{
    max-width: none;                /* 모바일은 꽉 */
    margin: 0;
    grid-auto-flow: column;         /* 가로로 흐르게 */
    grid-auto-columns: 33.333%;     /* ✅ 한 화면에 3개 */
    grid-template-columns: none;    /* 기존 3열 해제 */
    gap: 12px;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;  /* 스냅(원하면 제거) */
    padding-bottom: 4px;            /* 스크롤바 공간 */
  }

  .triple-banner__item{
    scroll-snap-align: start;
  }

}

/* 리뷰 */
/* =========================
   CAFE24 PHOTO REVIEW
   ========================= */

/* 섹션 */
.c24-photo-review{
  max-width:1400px;
  margin:60px auto 120px;
  padding:0 16px;
}

.c24-photo-review.c24-photo-review-detail { margin:0px auto 30px; }

/* 헤더 */
.c24-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:30px;
}
.c24-head h2{font-size:27px;margin:0}
.c24-head .more{font-size:13px;color:#666;text-decoration:none}

/* ✅ 그리드(다른 CSS가 덮는 문제 방지) */
.c24-photo-review .c24-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:16px !important;
}

.c24-photo-review .c24-grid.c24-col4 {
	grid-template-columns:repeat(4, minmax(0, 1fr));
}

/* 카드 */
.c24-photo-review .c24-item{
  display:block !important;
  text-decoration:none;
  color:inherit;
  min-width:0 !important; /* 셀 넘침 방지 */
}

/* =========================
   Thumbnail (Square + Cover)
   ========================= */
.c24-photo-review .c24-thumb{
  position:relative !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:#f3f3f3 !important;
  aspect-ratio:1 / 1 !important; /* ✅ 무조건 정사각 */
}

/* before 방식 제거(꼬임 방지) */
.c24-photo-review .c24-thumb:before{
  content:none !important;
  display:none !important;
}

/* 이미지: 전역 img 룰 영향 차단 + cover */
.c24-photo-review .c24-thumb > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  transition:transform .25s;
}
.c24-photo-review .c24-item:hover .c24-thumb > img{
  transform:scale(1.04);
}

/* =========================
   Rating Badge
   ========================= */
.c24-badge{
  position:absolute;
  left:10px;
  bottom:10px;
  background:rgba(0,0,0,.55);
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  backdrop-filter:blur(4px);
}
.c24-badge .stars i{
  font-size:13px;
  vertical-align:-1px;
}

/* 별 색상 */
.c24-badge .stars i,
.c24-meta .stars i{
  color:#FFC400;
}
.c24-badge .stars i.xi-star-o,
.c24-meta .stars i.xi-star-o{
  color:rgba(255,196,0,.35);
}

/* =========================
   Text Area
   ========================= */
.c24-meta{padding-top:20px}

.c24-title{
  font-size:18px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.c24-desc{
  margin-top:6px;
  font-size:14px;
  line-height:1.4;
  color:#444;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:36px;
}

/* ✅ 상품명 전용 라인 */
.c24-photo-review .c24-product{
  margin-top:10px;
}
.c24-photo-review .c24-product .c24-itemname{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  color:#111;
  background:rgba(0,0,0,.04);
  border-radius:10px;
  padding:6px 10px;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 작성자/날짜 */
.c24-photo-review .c24-sub{
  margin-top:8px;
  font-size:12px;
  color:#777;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
  opacity:.9;
}
.c24-photo-review .c24-sub .dot{opacity:.6}

/* 빈 상태 */
.c24-empty{
	grid-column: 1 / -1;     /* 전체 컬럼 차지 */
	width: 100%;
	text-align: center;
	padding: 40px 0;
	color:#777;
	font-size:15px;
}

/* =========================
   Responsive
   ========================= */
@media (max-width:1024px){
  .c24-photo-review .c24-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:768px){
  .c24-photo-review{
    margin:50px auto 50px;
  }
  .c24-photo-review .c24-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:420px){
  .c24-photo-review .c24-grid{
    gap:12px !important;
  }
}