@charset "UTF-8";

/*========================================================================
메인 영역
========================================================================*/
.body-main.body-index #footer { margin-top:0; }

/* 메인 비주얼 */
.main-visual { position:relative; }
.main-visual img { width:100%; vertical-align:top; }
.main-visual .caption { position:absolute; bottom:15px; right:15px; width:49px; padding:3px 11px; color:#ababab; font-size:13px; font-weight:300;  background:rgba(58,58,58,0.4); border-radius:30px; box-sizing: border-box; text-align: center;}
.main-visual .caption .current { color:#fff; }

/* 비주얼 타이틀 */
.visual-title { position:absolute; top:67%; left:25px; text-align:left;  }
.visual-title h3 { margin:0 0 9px; color:#222222; font-size:30px; font-weight:200; line-height:1.3; letter-spacing:-2px; }
.visual-title h4 { margin:0 0 9px; color:#ffffff; font-size:30px; font-weight:200; line-height:1.3; letter-spacing:-2px; }
.visual-title h5 { margin:0 0 9px; color:#222222; font-size:30px; font-weight:200; letter-spacing:-2px; }
.visual-title h6 { margin:0px; position:relative; display:block; width:280px; height:60px;}
.visual-title span { display:block; color:#693a1b; font-size:14px; }

/* 비주얼 타이틀 모션 */
.main-visual .slider-wrap .slick-slide { position:relative; }
.main-visual .slider-wrap .slick-slide .visual-title > * { opacity:0; transition: all 1s; }
.main-visual .slider-wrap .slick-active .visual-title > * { backface-visibility:hidden; animation:TransXRR 1s ease-out both; opacity:1; }

/* 타이틀 */
.main-title { margin:0 0; color:#000000; font-size:18px; line-height:1.2; text-align:center; }
.main-title > strong { display:block; padding:0 0 3px; color:#121212; font-weight:600; }
.main-title > span { display:block; font-size:13px; font-weight:300; }

/* 메인 박스 간격 */
.main-box { margin: 0; }
.main-box2 { margin:55px 0 0; padding: 0 15px; box-sizing: border-box; }
.main-box3 { margin:60px 0 0; }
.main-box4 { margin:60px 0 0; }
.main-box4 { margin:60px 0 0; }
.main-box6 {margin:30px 15px 0; }

/* 메인 배너1 */
.main-bn1 { padding-top:108vw; position:relative; width:100%; height:100%; background:#f4e4d7; }
.main-bn1 img { position:absolute; top:0; bottom:0; right:0; width:100%; height:100%; object-fit:cover;}
.main-bn1 .title { position: absolute; top:45px; left:30px; z-index: 1; }
.main-bn1 .title h2 { margin:0 0 5px; color:#222; font-size:28px; font-weight:200; line-height:1.3; }
.main-bn1 .title p { color:#222; font-size:16px; } /* color:#80593a; */

/* New */
._goods_display_main .goods_prd_item7 .goods_prd_item7_box { padding:0; }
._goods_display_main .goods_prd_item7 .tab_box { padding:0; }
._goods_display_main .goods_prd_item7 .tab_box .tab { display: flex; justify-content: center;}
._goods_display_main .goods_prd_item7 .tab_box .tab li a { padding: 5px; color:#bdbdbd; font-size:14px; border:0; background:none;  }
._goods_display_main .goods_prd_item7 .tab_box .tab li.on a { color:#121212; background:none; }
._goods_display_main .goods_prd_item7 .tab_box .tab li:first-child a {  border:0; }
._goods_display_main .goods_prd_item7 li.goods_gallery_item { width:100%;}
._goods_display_main .goods_prd_item7 .goods_prd_img { padding:15px 0; }
._goods_display_main .goods_prd_item7 .tab-cont-box { padding:0 0 10px; overflow:hidden; }
._goods_display_main .goods_prd_item7 .goods_prd_content .goods_info_list { margin-bottom:20px; }
/* 페이져 */
._goods_display_main .goods_prd_item7 .swiper-pagination { bottom:0; }
._goods_display_main .goods_prd_item7 .swiper-pagination > span { width:30px; height:2px; margin:0 4px; padding:0; border-radius:0; background:#e0e0e0; opacity:1; }
._goods_display_main .goods_prd_item7 .swiper-pagination > span.swiper-pagination-bullet-active  { background:#666666;}


/* 메인 배너2 */
.main-bn2 { padding-top:135vw; position:relative; width:100%; height:100%; background:#f4e4d7; }
.main-bn2 img { position:absolute; top:0; bottom:0; right:0; width:100%; height:100%; object-fit:cover;}
.main-bn2 .title { position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; color:#fff; text-align:center; text-transform:uppercase; z-index: 1; }
.main-bn2 .title h2 { margin:0 0 5px;  font-size:24px; font-weight:500; line-height:1.2; letter-spacing: -1px; }
.main-bn2 .title p {  margin:35px 0 0; font-size:11px; font-weight:200; }
.main-bn2 .title span { position:relative; display:block; width:120px; height:38px; line-height:38px; margin:40px auto 0; padding:0 15px; color:#fff; font-size:11px; font-weight:400; border:2px solid rgba(255,255,255,0.4); border-radius:5px; box-sizing:border-box; text-align:left; }
.main-bn2 .title span em { position:absolute; top:-1px; right: 17px; }

/* 리뷰 */
.main-review { padding:60px 15px 0; overflow:hidden; }
.main-review .main-title { padding:0 0 15px; }
.main-review ul li .review-thumb img { width:100%; }
.main-review .point { display:flex; justify-content:space-between; margin:10px 0 8px; }
.main-review .point .rating { display:inline-block; vertical-align:middle; width:74px; height:13px; margin:0; padding:0; background:url("../img/review_bg.png") no-repeat 0 0; text-indent:-9999px; background-size:cover;}
.main-review .point .rating span { display:block; height:13px; background:url("../img/review_fill.png") no-repeat 0 0; background-size:cover;}
.main-review .review-prd { display:flex; flex-direction:column; align-items:center; padding:0 10px;}
.main-review .review-prd .img { position:relative; width:60px; height:60px; margin:-30px 0 0; border:2px solid #fff; border-radius:50%; overflow:hidden; box-sizing:border-box; }
.main-review .review-prd .img img { width:100%; }
.main-review .review-prd .name { width: 100%; text-align:center; word-break:keep-all; }
.main-review .review-prd .name a { display: block; width: calc(100% - 20px); margin:0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:var(--point-color); font-size:13px; }
.main-review .review-prd .subject { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  text-overflow:ellipsis; overflow:hidden; color:#666666; font-size:11px; font-weight: 200; text-align:center;}

/*sns*/
.main-box6 .main-sns .main-title { margin:15px 0; }

/* 메인 상품 진열 공통 */
._goods_display_main .main_prd_list { padding:0 15px; }
._goods_display_main .goods_prd_img { padding-bottom: 15px; }
._goods_display_main .goods_prd_img .img_box .img img { border:0; }
._goods_display_main .goods_prd_content .goods_info_list li { padding:0; color:#000; font-size:13px; }
._goods_display_main .goods_prd_content .goods_info_list li.prd_name { margin:0 0 5px; color:#121212; }
._goods_display_main .goods_prd_content .goods_info_list li.short_des { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  text-overflow:ellipsis; overflow:hidden; margin:0 0 5px; color:#757575; font-size:12px; font-weight:200; }
._goods_display_main .goods_prd_content .goods_info_list li.fixed_price { display: inline-block;  padding-right:5px; color:#bbbbbb; font-size:13px; font-weight:500; }
._goods_display_main .goods_prd_content .goods_info_list li.price { display: inline-block; font-weight:700; }
._goods_display_main .goods_prd_content .goods_info_list li.price .c_price {  padding-right:8px; color:#121212;  font-size:14px; font-weight:500;  }
._goods_display_main .goods_prd_content .goods_info_list li.price .sale-rate { padding-right:8px; color:var(--point-color); font-size:14px; font-weight:500;  }
._goods_display_main .goods_prd_content .goods_prd_icon { display:none; }