/* BASIC css start */
main { margin-bottom:0 !important; } 

#header { position: fixed; top: 0; left: auto; right: auto; max-width: 640px; z-index: 99; background: transparent; } 
#header .headerTop { background: transparent; border-bottom: 0 !important; } 

.sec_title {margin:0 0 15px;}
.sec_title .sec_sub_title {display:flex; align-items:center; }
.sec_title .sec_sub_title h2 {vertical-align: text-top;font-size:1.1rem; font-weight:800; flex:1;color:var(--000) }
.sec_title .sec_sub_title span img {vertical-align:middle;margin-right:5px;}
.sec_title .sec_sub_title a {font-size:0.75rem;text-align:right; font-weight:500; color:#333;}
.sec_title .sec_sub_title .fa {margin:0 5px;}
.sec_title p {display:block;font-size:0.85rem;color:#999;margin-top:10px;font-weight:500;}
.sec_content {margin:0 5%;}

/* swiper 공통 */
.swiper-button-prev { left:0; } 
.swiper-button-next { right:0; } 
.swiper-button-next:after, .swiper-button-prev:after { content:unset !important; } 
.swiper-button-prev img,
.swiper-button-next img { width:26px; } 
.swiper-scrollbar { position: relative !important; width: 63% !important; height:2px !important; margin: 0 auto; background:#eeeeee !important; } 
.swiper-scrollbar-drag { background: #eb9595 !important; } 
.swiper-pagination { bottom:30px !important; text-align:center; color:#fff; font-size:14px; } 
.swiper-pagination-bullet { width:11px; height:11px; opacity:1 !important; background:transparent; border:2px solid #fff; margin:0 6px !important; position:relative; box-sizing:border-box; } 
.swiper-pagination-bullet-active { background:#fff !important; } 

/* 메인 배너 영역*/
#main_bnr_swiper { width: 100%; margin-bottom: 30px; } 
#main_bnr_swiper .swiper-slide img { width:100%; } 

/* sec2 아이콘*/
#sec2 {padding: 0 0 10px; margin:30px 0 30px;border-bottom:1px solid #f4f4f4;}
#sec2 ul {font-size: 0;}
#sec2 ul li {display: inline-block; text-align:center; vertical-align: top; width: 16%; margin: 0 5% 3% 0;}
#sec2 ul li:nth-child(5n) {margin-right:0;}
#sec2 ul li a img {width: 100%;}
#sec2 ul li a p {margin-top:0px; font-size:0.75rem;font-weight:600;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 맞춤제작샘플 */
.area_wrap .item-cont { padding:0 !important; } 
/* 상품 리스트 아이템 구조 유연하게 조정 */
.item-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
}

/* 상품 이름: 두 줄까지 보여주고 넘치면 말줄임 */
.prd-name {
  min-height: 38px;
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 맞춤제작 라벨이 포함된 경우 스타일 지정 (상품명과 별도 관리 추천) */
.prd-label {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 6px;
  font-size: 12px;
  background-color: #ffe5e5;
  color: #c00;
  border-radius: 4px;
  line-height: 1.2;
}

/* 가격 영역: 최소한의 높이로 보장 */
.prd-price {
  min-height: 30px;
  margin-top: auto;
}


/* 메뉴별 포장 */
.area_wrap2 .item-cont { padding:0 !important; } 

/* 베스트상품 */
.bg_gray_wrap2 { background:#f7f7f7; padding: 30px 0 30px;} 
.item-list {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.prd-info,
.item-cont,
.item-wrap {
    margin-bottom: 5 !important;
    padding-bottom: 0 !important;
}

/* 신상품 */
.bg_gray_wrap { padding: 0px 0 60px;} 
.bg_gray_wrap .item-cont { margin-bottom: 30px; } 

/* 맞춤제작배너 영역 */
.mid_bnr_wrap { position: relative; margin-bottom: 30px; } 
.mid_bnr_wrap ul { display: block; } 
.mid_bnr_wrap ul li { position: relative; } 
.mid_bnr_wrap ul li img { width: 100%; } 
.mid_bnr_wrap ul li dl { position:absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 
.mid_bnr_wrap ul li dl dt { font-size: 27px; line-height: 1.25; color: #fff; margin-bottom: 50px; } 
.mid_bnr_wrap ul li dl dd { } 
.mid_bnr_wrap ul li dl dd a { display:inline-block; font-size: 13px; font-weight: bold; color: #fff; letter-spacing: 10px; background: rgba(255,255,255,0.2); padding: 13px 25px; border: 1px solid #fff; border-radius: 50px; box-sizing: border-box; } 

/* 리뷰배너 영역 */
.mid_bnr_wrap2 { position: relative; margin-bottom: 30px; } 
.mid_bnr_wrap2 ul { display: block; } 
.mid_bnr_wrap2 ul li { position: relative; } 
.mid_bnr_wrap2 ul li img { width: 100%; } 

/* 인스타그램 영역 */
.insta_wrap { position: relative; width: 100%; text-align: center; } 
.insta_wrap .insta_tit { } 
.insta_wrap .insta_tit .insta_id { font-size: 14px; color: #aaa; margin-bottom: 25px; } 
.insta_wrap .insta_tit .insta_name { font-size: 30px; color: #000; line-height: 1; margin-bottom: 15px; } 
.insta_wrap .insta_tit .insta_name img { width: 28px; margin-right: 12px; vertical-align: bottom; } 
.insta_wrap .insta_btn { } 
.insta_wrap .insta_btn a { display: inline-block; font-size: 12px; color: #eb9595; border: 1px solid #eb9595; border-radius: 50px; padding: 11px 25px; letter-spacing: 2px; font-weight: bold; } 
.insta_wrap .insta_cont { position: relative; padding: 0 40px 50px; } 
.insta_wrap .insta_cont ul { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px; } 
.insta_wrap .insta_cont ul li { width: 100%; } 
.insta_wrap .insta_cont ul li a { display: block; } 
.insta_wrap .insta_cont ul li a img { width: 100%; } 

/* 유튜브 영역 */
.youtube_wrap { position: relative; text-align: center; cursor:pointer; } 
.youtube_wrap > img { width: 100%; } 
.youtube_wrap dl { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); text-align: left; } 
.youtube_wrap dl dt { font-size: 30px; color: #fff; margin-bottom: 25px; text-align: center; line-height: 1.25; } 
.youtube_wrap dl dd { text-align: center; } 
.youtube_wrap dl dd img { width: 55px; } 


.review-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

/* BASIC css end */