/* BASIC css start */
/* 메인헤더 */
body header .header .inner {position: relative; padding: 20px 14px; width: 100%; z-index: 10; box-sizing: border-box;}
body header .header img {display:block;}
body header .header img.main-head {display:none;}
body header .bottom_menu {display:none;}
body header.fixed .header .inner {position:relative;}
body header.fixed .header img {display:block;}
body header.fixed .header img.main-head {display:none;}
body header.fixed .bottom_menu {display:block;}

/* 메인 비쥬얼 배너 */
.visual-banner {position:relative; overflow:hidden; margin-bottom:50px}
.visual-banner .inner img {width:100%;}
.visual-banner .swiper-horizontal .swiper-pagination-progressbar {width:53px; height:2px; top:auto; bottom:17px; left:50%; margin-left:-45px; background-color:rgba(255,255,255,0.5); }
.visual-banner .swiper-horizontal .swiper-pagination-progressbar span {background: #fff;}
.visual-banner .txtbox {display:inline-block; text-align:center; position:absolute; top:70%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:0; visibility: hidden; transition:all .8s ease-in; -webkit-transition:all .8s ease-in; }
.visual-banner .swiper-slide-active .txtbox {opacity:1; top:65%; visibility: visible;}
.visual-banner .txtbox .txt01 {color: #5c1924; font-size: 14px; letter-spacing: 1px; font-weight:500; margin-bottom:6px;}
.visual-banner .txtbox .txt02 {line-height:27px; background-color: rgba(247,247,247,.3); color: #f7f7f7; font-weight: bold; font-size: 9px; letter-spacing: 1px; padding:0 10px;}

.visual-banner .swiper_btn_prev{position: relative; z-index: 10; cursor: pointer; float:left; margin-top:12px; margin-left:2%} 
.visual-banner .swiper_btn_next{position: relative; z-index: 10;  cursor: pointer; float:right; margin-top:12px; margin-right:2%}
.visual-banner .swiper_btn_prev::before {content: "\21BC"; font-size:26px; font-weight:400}
.visual-banner .swiper_btn_next::before {content: "\21C0"; font-size:26px; font-weight:400}




.visual-banner .txt_box { width:200px; height:200px; background-color:#fff}
.visual-banner .swiper-slide {width:1680px; position:relative;}
.visual-banner .swiper-slide img {width:100%;}
.visual-banner .swiper-slide .inner {width:60%; height:auto;  padding: 10px 40px; opacity:0.4;  font-size:0px; text-align:left; position:absolute; left:20px;    top: 34px;  margin-left:0px; display:flex; flex-direction:column; -webkit-box-pack: center; justify-content:left; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.visual-banner .swiper-slide-active .inner {width:60%; height:auto;   padding: 10px 20px; opacity:1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;     z-index: 20;    top: 20px;  left:20px ;   padding: 10px 20px;}

.visual-banner .swiper-slide .inner .t01 {color:#fff; font-size:12px; font-weight:500; line-height:1;}
.visual-banner .swiper-slide .inner .t02 {color:#fff; font-size:24px; font-weight:700; line-height:34px;letter-spacing: -1px; margin:7px 0 10px}
.visual-banner .swiper-slide .inner .t03  {color:#fff; font-size:14px; font-weight:300; line-height:1; margin-top:10px}
.visual-banner .swiper-slide .inner .t04 {width:132px; height:42px; line-height:42px; color:#fff; font-size:14px; font-weight:400; text-align:center; background-color:#e6c3a8; display:inline-block; margin-top:60px;}





/* 메인영역 : sns */

.sns_main {margin-bottom:50px; padding: 0 2%}
.sns_title {text-align:left}
.sns_title > h2 > a{ font-size: 14px;  font-weight: 600; color: #000000;  margin: 5px 0 5px;   display: inline-flex; align-items: center;}
.sns_title > h2 > a > span{   border: 1px solid #ccc;    border-radius: 10px;    padding: 2px 4px;    font-size: 11px; font-weight:500 ; margin-left:10px}
.sns_title > h3 {
    font-size: 12px !important;
    font-weight: 500;
    color: #656565;
    border: 0px !important;
    margin: 0 0 10px 0!important;
}
.sns_title > h4{ font-size: 12px; font-weight: 600; color: #000; margin:0px ; border:0px}

.lightwidget__lightbox-btn-text {font-size:12px}


/* 메인동영상 */
.mv_play {padding:0% 5%}
.mv_play video{width:100%}



 /* Swiper 페이지네이션 수정 */
.sec_inner .swiper-pagination-cate {
      margin: 0px 0 20px 0;
      display:inline-block;
    }


.sec_inner .swiper-pagination-bullet {
  /* 원래 스타일을 비활성화하는 스타일 */
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  display:inline-block;
  opacity:1;
  font-size: 12px;
  margin: 10px 15px;
}


.sec_inner .swiper-pagination-bullet-active {
      padding: 5px 8px;
      background-color:#fff !important;
      border-radius:15px !important; 
      border-color:#000; 
    }



.main_title {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin: 0 auto;
}

#time_sale .main_title {display: flex;
    gap: 10px;
    align-items: center;
}


.sub_title {
    font-size: 13px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 10px;
    text-align:center
}

.t03 {
    font-size: 12px;
    margin-bottom: 20px;
}


.insta_prd {}

.insta_prd .swiper-pagination-progressbar-fill { background: #000000 !important; }
.insta_prd .swiper-pagination-progressbar {
    position: relative !important;
    width: 100%;
    /* margin: 0 auto; */
    margin: 10px 0 50px;
    height: 2px;
}


.side_menu1 .swiper-pagination-progressbar-fill { background: #000000 !important; }
.side_menu1 .swiper-pagination-progressbar {
    position: relative !important;
    width: 100%;
    /* margin: 0 auto; */
    margin: 10px 0 50px;
    height: 2px;
}




.time_sale .swiper-pagination-progressbar-fill { background: #000000 !important; }
.time_sale .swiper-pagination-progressbar {
    position: relative !important;
    width: 100%;
    /* margin: 0 auto; */
    margin: 10px 0 50px;
    height: 2px;
}

.main_review {}
.main_review .swiper-pagination {width:auto; top:60px; left:125px; font-weight:600}




.sec1_bar{border: 1px solid #eee; overflow: hidden; position:relative;  margin:0 auto ; margin-bottom:60px}
.sec1_bar .swiper{width: 90%; margin:0 auto; height: 45px;}
.sec1_bar .swiper ul{width: 100%;    flex-direction: column; }
.sec1_bar .swiper ul li.swiper-slide{}
.sec1_bar .swiper ul li.swiper-slide p{display: flex; align-items: center; justify-content: center;font-family: 'Noto Sans KR', sans-serif; font-size: 13px ; color: #333333; padding: 11px 0; }
.sec1_bar .swiper .btn{position: absolute; right: -1px; top: 0;z-index: 40;}
.sec1_bar .swiper .btn>div{width: 25px; height: 22px;text-align: center;border-left: 1px solid #eee;border-right: 1px solid #eee;display: flex; align-items: center;justify-content: center; cursor: pointer;}
.sec1_bar .swiper .btn>div:first-child{border-bottom: 1px solid #eee;}
.sec1_bar p span{display: flex; margin-right: 10px;}
.sec1_bar p span img{}


span.num {
    font-size: 13px;
    font-weight: 600;
}



/* 메인리뷰 */
#review{background-color: #f2f2f2; height:auto; padding:60px 0; position: relative;}

#review .goods_list .thum_info {
    font-size: 14px;
    position: relative;
    padding: 8px;
    background: #fff;
    height: 165px;
}

#review .goods_list .thum_info .goods_brand {
    font-weight:400;
    font-size:13px;
    color:#4b4b4b;
    border-bottom: 1px solid #ddd;
    margin-bottom:8px;
    padding:5px 0 7px;
    height:90px

}

#review .goods_list .thum_info em img {
    display:block;
    font-size:0px;
    height:20px;
    filter: brightness(1.5);
    margin-bottom:5px;
    padding: 0 0 10px
}

#review .goods_list .thum_info .goods_name{
    color: #333;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight:600
}


#review .goods_list .items.sec_item > li {
    display: block;
    vertical-align: top;
    font-size: 14px;
    padding-bottom: 60px;
}

#review .goods_list .items.sec_item .thum_img {width:200px}
#review .goods_list .items.sec_item li {width:100%; margin-bottom:20px; background:#fff; padding-bottom:0px}
#review .goods_list .items.sec_item li > a {display:flex; gap:30px; align-items: center;}
#review .goods_list .sec_item .thum_info {height:auto}
#review .goods_list .sec_item .thum_info .goods_brand{
    font-weight: 400;
    font-size: 13px;
    color: #4b4b4b;
    border-bottom: 0px solid #ddd;
    margin-bottom: 8px;
    padding: 5px 0 7px;
    height: 60px;
}



/* 메인동영상 */
.mv_play {padding:0% 5%}
.mv_play video{width:100%}



/* 중앙배너 */
.midbanner {position:relative; padding:47px 0 15px; overflow:hidden;}
.midbanner .swiper-pagination {width: auto !important; position:static; height: auto; transform: inherit !important; padding-top: 9px; line-height:1;}
.midbanner .swiper-pagination span {width:5px !important; height:5px !important; background:#353535 !important; transform: inherit;}
.midbanner .swiper-pagination span.swiper-pagination-bullet-active {background:#ce7777 !important;}
.midbanner img {width:100%;}

.midbanner .swiper-pagination span:after{content"앙데"}
.midbanner .swiper-pagination-text {
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #000;
      border-radius: 10px;
      margin: 0 5px;
      opacity: 0.7;
      cursor: pointer;
    }

.midbanner .swiper-pagination-text-active {
      opacity: 1;
    }


/* brand_story 어바웃 */
.brand_story {width:100%; margin-top:30px}
.brand_story .thumb{width: 100%; }
.brand_story .thumb img{width: 100%;}
.brand_story .txt_cont{background-color: #f5f5f5;  padding:0 2%;}
.brand_story .txt_cont h2{font-size: 24px; font-weight: 700;letter-spacing: 0px;}
.brand_story .txt_cont p.tit{color: #666; font-size: 12px;margin: 20px 0 30px;line-height:1.7; font-weight: 400;}
.brand_story .sec_inner .txt_cont .shop_now{}
 .shop_now{font-size: 11px; color: #000;padding-bottom: 7px; border-bottom: 1px solid #000; font-weight: 500;letter-spacing: 1px; display: inline-block; margin-bottom:30px}
 .shop_now span{display: inline-block;margin-left: 17px;}
 .shop_now span img{display:inline-block; margin-top:4px}





/* 하단배너 */
.ft-banner {height:235px; position:relative; overflow:hidden; margin-top:100px;}
.ft-banner .bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* BASIC css end */