/* BASIC css start */
#section01 { width:100%; clear: both  ; }/* 메인큰이미지 영역 */
#section02 { width:100%; clear: both  ;} /* 메인 메뉴영역 */
#section03 { width:100%; clear: both  ;} /* 메인 슬라이드배너영역 */
#section04 { width:100%; clear: both  ;}  /* 메인 롱배너1영역 */
#section05 { width:100%; clear: both  ;} /* 메인 베스트탭메뉴영역 */
#section06 { width:100%; clear: both  ;}  /* 메인 롱배너2영역  */
#section07 { width:100%; clear: both  ;} /* 메인 신상품영역 */
#section08 { width:100%; clear: both  ;} /* 메인 슬라이드배너영역 */
#section09 { width:100%; clear: both  ; }/* 메인 베스트영역 */
#section10 { width:100%; clear: both  ; }/* 메인 특별상품영역 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 메인상품타이틀코드 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.mtitbox { padding-top:45px; }
.mtitbox h2{position:relative; margin:0 auto 50px;text-align:center;font-size:20px;color:#111;}
.mtitbox h2 span{display:block;margin:0 0 3px;text-align:center;font-size:13px;font-weight:400;color:#888;}


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ // 메인상품타이틀코드- 끝 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 메인큰이미지코드 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position:absolute; bottom:5px; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px;  background: #999; width: 5px; height: 5px;  border-radius: 20px;}
#event .pagination .swiper-active-switch {     opacity: 1;   background: transparent;   border: 3px solid rgba(255, 255, 255, 1);   box-sizing: content-box;   position: relative;   top: 2px;  }
/* //롤링배너 */

#event .icon { position: absolute; left: 10px; bottom:45px; }
#event .icon p img { width:30px; margin-top:5px}


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ // 메인큰이미지코드 - 끝 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */






/* 바로플라워 서브배너*/
/* 바로플라워 관련 서브 배너 */
#section06 .banner01 { width:100%; height:100%; clear: both  ;}




/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 배너 3단배너코드 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */






/* 배너슬라이드코드 */

#item-slide { width:100%; margin:0px auto 20px;text-align:center; }
#item-slide .slider { width: 100%; margin:0 auto 0px;  }
#item-slide .slick-slide { margin: 0px; }
#item-slide .slick-slide img { width: 100%; }


/* Arrows */
#item-slide .slick-prev  { z-index:10; position: absolute;  top: 50%;display: block;  width: 20px;  height: 50px;  padding: 0;
   -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    opacity: 0.7;
    background:url(/design/floweryo1/wizmobile/main_arrow_prev.png) 0 0 no-repeat;
     -o-transition: all 0.25s 0.0s ease-in-out;
    -ms-transition: all 0.25s 0.0s ease-in-out;
    -moz-transition: all 0.25s 0.0s ease-in-out;
    -webkit-transition: all 0.25s 0.0s ease-in-out;
    transition: all 0.25s 0.0s ease-in-out;
    left: 0px;
}

#item-slide .slider:hover  .slick-prev {left:0px;  opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}  /* 마우스오버시 위치 */

#item-slide .slick-next {z-index:10; position: absolute;  top: 50%;  display: block;  width: 20px;  height: 50px;  padding: 0;
   -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	opacity: 0.7;
    background:url(/design/floweryo1/wizmobile/main_arrow_next.png) 0 0 no-repeat;
     -o-transition: all 0.25s 0.0s ease-in-out;
    -ms-transition: all 0.25s 0.0s ease-in-out;
    -moz-transition: all 0.25s 0.0s ease-in-out;
    -webkit-transition: all 0.25s 0.0s ease-in-out;
    transition: all 0.25s 0.0s ease-in-out;
    right: 0px; 

}

#item-slide .slider:hover  .slick-next { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; right:0px  } /* 마우스오버시 위치 */


/* Dots-  */
#item-slide .slick-slider {
  margin-bottom:0; }

#item-slide .slick-dots {
  position: absolute;
  bottom:-px;
  padding:0;
  display:block;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%; }
#item-slide .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer; }
#item-slide .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 0;
      cursor: pointer; }
#item-slide .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
#item-slide .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
#item-slide .slick-dots li button:before {
		display:block;
		width:0px;
		height:0px;
        content: "";
		background:#999;
		border-radius:30px;
        font-size: 0;
        text-align: center;
        color: white;
        opacity: 1;
	  -o-transition:0.3s !important;
	  -ms-transition:0.3s !important;
	  -moz-transition:0.3s !important;
	  -webkit-transition:0.3s !important;
	  transition:0.3s !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
#item-slide .slick-dots li.slick-active button:before {
      background:#000;
	  width:10px;
      opacity: 1; }


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ // 배너 3단배너코드  - 끝 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */



















/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 메인베스트 탭메뉴 코드 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.bestbox {width:100%; overflow:hidden; background:#fff; margin-top:10px; padding-bottom:20px;  height:auto;}
.menu-list {width: 100%; margin: 0 auto; overflow: hidden; height:60px;}
.menu-list .listcate{ }
.menu-list ul {overflow:hidden; border-top: 1px solid #dfdfdf;  vertical-align: baseline;  }
.menu-list ul li{ width:19.8%; float:left;  height:40px; line-height:40px; border-bottom:1px solid #333; text-align:center; margin-left:-0.5px; background:rgba(250,250,250,1);  margin-right:0.5px; cursor:pointer; color:#333; font-size:13px; text-decoration:none;}
.menu-list ul li.active{border:1px solid #333;  background:#fff; border-bottom:0px; text-color:#000; font-weight:500;}

.swiper-container {width: 100%; margin: 0 auto; overflow:hidden;}
.swiper-container  .swiper-wrapper{width: 100%;height:auto !important; margin: 0 auto; margin-top:0px; margin-bottom:0px; overflow:hidden;}
.swiper-container  .swiper-wrapper .swiper-slide{float:left; height:auto !important; overflow:hidden;}
.swiper-container ul{overflow:hidden;}
.swiper-wrapper {position: relative;width: 100%;}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ // 메인베스트 탭메뉴 - 끝 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */








/* BASIC css end */