/* BASIC css start */
/* 메인헤더 */
body header .header .inner {position: absolute; 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;}


#footer { margin-top: -50px;}



/* 메인 비쥬얼 배너 */
.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}



/* 위클리베스트 */
#sec_best{}
#sec_best .sec_inner{background-color:#efece7; text-align:center}
#sec_best .sec_inner h2{margin-bottom:0px ; padding-top:40px}

#sec_best .sec_inner .sec6_cate{margin: 0px 0 20px; padding-top:40px}
#sec_best .sec_inner .sec6_cate ul{  display: inline-block;    margin: 0 auto;    text-align: center;}
#sec_best .sec_inner .sec6_cate ul li{margin:0 10px 15px 0; width:auto !important; display: inline-block;}
#sec_best .sec_inner .sec6_cate ul li a{  font-size: 12px; display: block;font-weight: 400;text-align:center;   padding: 5px 8px;}
#sec_best .sec_inner .sec6_cate ul li.on>a{transition:border-color .3s; border:1px solid #ddd transparent; background-color:#fff; border-radius:15px;border-color:#000; font-weight:500}

#sec_best .sec_inner .sec6_prd{}


#sec_best .sec_inner .sec6_prd>div>ul{width: 100%; display: flex; flex-wrap: wrap; }
#sec_best .goods_list .thum_info {text-align:left}
#sec_best .goods_list .thum_info .goods_name {  color: #333; }
#sec_best .goods_list .thum_info .goods_atc {  font-size: 0.9em; display:none}

 /* 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; 
    }





/* 메인동영상 */
#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;
    }

/* 하단배너 */
.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 */