/* BASIC css start */
 
/* 롤링배너 */
#mainSpot img{ width: 100%;}
#mainSpot .swiper-pagination{ top: auto; bottom: 24px; left: 50%; transform: translateX(-50%); width: 55%; height: 2px;}
#mainSpot .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #030000;}
/* //롤링배너 */

/* 상품 가격표 */
#priceTag { margin: 5px 10px 0; }
#priceTag > a { display: block; }
#priceTag img { width: 100%; }

/* 연결페이지02 */
.link_connect{padding: 30px 12px 0;display:none;}
.link_connect ul { *zoom:1; font-size: 0; }
.link_connect ul li { display: inline-block; width: calc(100% / 5); margin: 0 0 12px; text-align: center;}
.link_connect ul li a{ color: #000; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.link_connect ul li a img{display: block; width: 58px; padding-bottom: 5px; margin: 0 auto;}

/* 상품 */
.procont{ margin: 30px 0 0;}
.procont .items li a img{ width: 100%; border-radius: 8px;}
.procont .items .slick-list{ padding-left: 62px;}
.procont .items .slick-slide{padding-right: 15px;}
.procont .items .slick-slide:nth-of-type(1){ margin-left: -48px;}

.cateTit{padding: 20px 16px;}
.cateTit h3{color: #000; font-size: 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.shop_info{ margin: 11px 0 0;} 
/* 띠배너 */
.longbnnr{margin: 40px 0 0;}

/* 이미지배너 */
.imgBanner{ margin: 40px 15px 0;}
.imgBanner div{ margin: 0 0 15px;}
.imgBanner img{ width: 100%;}

/* 탭상품 */
.tab_swip{width: 100%; margin-bottom: 7px; overflow: hidden;}
.tab_swip .tab:after{content:''; display:block; clear:both}
.tab_swip .tab div{float: left; width: initial !important; height: auto; padding: 10px 20px;}
.tab_swip .tab div.live{}
.tab_swip .tab div.live span{border-bottom: 2px solid #000; color:#000}
.tab_swip .tab div span{ padding: 2px 0; color: #757575; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif;}
.intabarea {display:none}
.intabarea.active{display:block}

.tabarea {margin-top:40px;position: relative;}
.tabarea .list_shopping2x ul.items{padding: 0 15px;}
.tabarea .list_shopping2x ul.items:after{content:''; display:block; clear:both}
.tabarea .list_shopping2x ul.items li{ width: 100%; border: 1px solid #efefef; border-radius: 10px; margin: 0 0 10px;}
.tabarea .list_shopping2x ul.items li a{padding-bottom: 0; }
.tabarea .list_shopping2x ul.items li a > div{ position: relative; padding: 15px;}
.tabarea .list_shopping2x ul.items li a > div:after{content:''; display:block; clear:both}
.tabarea .list_shopping2x ul.items li a .thumb{float: left; width: 40%; }
.tabarea .list_shopping2x ul.items li a .thumb img{border-radius: 10px;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo{ float: right; width: 54%; margin-top: 0; }
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info{ text-align: left;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .prd-brnd{ margin: 0 0 4px; font-size: 13px;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .listName{ font-size: 14px; }
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .prd-price{ position: absolute; bottom: 25px;}

.tabarea .tab_swip  .list_shopping2x ul.items li a.preview {}

.tabarea .intabarea.list_shopping2x ul.items li a.preview {
    right: auto;
    left: 21px;
    z-index: 2;
    top: 19px;
}

.tabarea .item_container.item-wrap {
    padding: 0 10px;
}
.tabarea .item-wrap .item-cont .item-list {margin-bottom:30px;}
.tabarea .morview a {
    color: #ff7777;
    font-size: 15px;
    font-family: 'Noto Sans KR', sans-serif;
}
.morview {
    position: absolute;
    top: 19px;
    right: 10px;
}
/* 더보기 */
.more{margin: 10px 0 0;}
.more a{display: block; margin: 0 15px;}

/* 인스타영역 */
.insta_area{ padding: 40px 15px 60px;display:none;}
.insta_area .sectionTit{margin:0 0 10px}
.insta_area .sectionTit:after{content:''; display:block; clear:both}
.insta_area .sectionTit h2{ float: left; font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.insta_area .sectionTit h2 img{ width: 22px; margin: 0 4px 0 0; vertical-align: sub;}
.insta_area .sectionTit p{ float:right; margin: 2px 0 0; color:#ccc; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.insta_area .sectionTit div i img{ width: 100%;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

#mainBrand {margin: -15px 5px 40px 5px;overflow: hidden;/*padding-right: 90px;*/padding: 20px 0 50px 0;}

#mainBrand .swiper-slide {
    border-radius: 100%;
    overflow: hidden;
    /* width: 224px; */
    /* height: 224px; */
}#mainBrand .swiper-slide img {
    width: 100%;
} 


#mainBrand .swiper-slide-active {
  transform: scale(1.2); /* 활성 슬라이드를 1.2배로 확대 */
}
#mainBrand .swiper-pagination{top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: 55%;height: 2px;}
#mainBrand .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #030000;}
.sec_cate{
    padding: 20px 16px 20px 0;
}
.sec_cate h2{
    color: #000;
    font-size: 1.1rem;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
}
/* sec8 */
#sec8{margin:10px 0 0px;padding:0 15px; overflow: hidden;}
#sec8 .sec8_review{}
#sec8 .sec8_review>div{width: 100%;
    padding-bottom: 20px;}
#sec8 .sec8_review>div>ul{width: 100%; display:flex; justify-content:space-between;}
/*#sec8 .sec8_review>div>ul>li{width: 48.5%;  }*/

 
#sec8 .li_review .rv_main{width: 100%;border: 1px solid #f2f2f2;display: flex;align-items: center;justify-content: space-between;padding: 8px 8px 5px 8px;margin-bottom: 10px;box-sizing: border-box;flex-wrap: wrap;}
#sec8 .li_review .rv_main .thumb{width: 100px;height: 100px;overflow: hidden;}
#sec8 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec8 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .li_review .rv_main .rv_main_cont{cursor:pointer;width: calc(100% - 100px);/* margin: 20px 0; *//* text-overflow: ellipsis; *//* word-break: break-all; *//* -webkit-line-clamp: 4; *//* -webkit-box-orient: vertical; *//* display: -webkit-box; *//* overflow: hidden; *//* height: 91px; */box-sizing: border-box;padding-left: 10px;}
#sec8 .li_review .rv_main .rv_main_cont .rv_cont {
    font-size: 15px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #575757;
    line-height: 1.4;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    height: 85px;
    box-sizing: border-box;
}
#sec8 .li_review .rv_mini{width: 100%;/* height: 100px; */display: flex;align-items: center;/* padding:0 20px; */box-sizing: border-box;margin-top: 9px;padding-left: 10px;padding-bottom: 5px;}
#sec8 .li_review .rv_mini .mini_thumb{width: 45px;height: 45px;border-radius: 50%;display: inline-block;border: 1px solid #f2f2f2;overflow: hidden;}
#sec8 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec8 .li_review .rv_mini .mini_thumb a img{width: 100%;height: 100%;object-fit: cover;}
#sec8 .li_review .rv_mini ul {/* padding-left: 20px; */width: calc(100% - 45px);padding-left: 5px;}
#sec8 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 15px;color: #656565;margin-bottom:4px;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;height: 19px;box-sizing: border-box;}
#sec8 .li_review .rv_mini ul li:nth-child(2){display:flex;align-items:center;margin-bottom: 0;height: auto;}
#sec8 .li_review .rv_mini ul li span {margin-right:10px;display:flex; align-items:center; color:#FFD700}
#sec8 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px; transform:scale(.9)}
#sec8 .li_review .rv_mini ul li span:nth-child(2) img{margin-top:2px}

#sec8 .swiper-pagination{bottom: 0;z-index: 10;left: 0;right: 0;}
#sec8 .swiper-pagination-bullet{background-color: #000;transition: all .2s;margin: 0 3px;}
#sec8 .swiper-pagination-bullet-active{width: 25px; border-radius: 8px;}
#sec8 :is(.swiper-button-next, .swiper-button-prev){color: #fff; font-size: 30px;}
#sec8 .swiper-button-next{right: 48px;}
#sec8 .swiper-button-prev{left: 48px;}


/* sec9 */
#sec9{
    overflow: hidden;
    margin: 0 15px;
}
#sec9 .sec_inner{}
#sec9 .sec_inner .sec9_wrap{}
#sec9 .sec_inner .sec9_wrap .video_area>ul{}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li{width:90%;
    margin-right: 12px;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li>div.ytb_wrap{ position:relative;}

#sec9 .sec_inner .sec9_wrap .video_area>ul>li>div.ytb_wrap{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 비율 유지 */
    height: 0;
    overflow: hidden;
}

#sec9 .sec_inner .sec9_wrap .video_area>ul>li>div.ytb_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#sec9 .sec_inner .sec9_wrap .video_area>ul>li>div.ytb_wrap img {width:100%;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li iframe{ position:absolute;top:0;left:0}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li.swiper-slide-active .video_info{opacity:1}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info{padding: 15px 0; display: flex; flex-direction: column; gap: 11px; width:90%; opacity:0; transition:all .3s}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info h3{font-family: 'Noto Sans KR', sans-serif; font-size: 18px; line-height: 1.3;font-weight: 500;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info p{font-family: 'Noto Sans KR', sans-serif;color: #aaaaaa; font-size: 14px;line-height: 1.3; font-weight: 400;}


.swiper {overflow:hidden;    position: relative;}

.swiper .swiper-pagination{bottom: 0;z-index: 10;left: 0;right: 0;}

.swiper .swiper-pagination-bullet{background-color: #000;transition: all .2s;margin: 0 3px;}

.swiper .swiper-pagination-bullet-active{width: 25px; border-radius: 8px;}
 
/* BASIC css end */