/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Work+Sans');



/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }

.main_slide {width:1170px; margin:0 auto;  padding-top:16px; }
.loop_main_prd .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 12px; height: 20px; text-indent: -9999px; z-index: 9999; }
.loop_main_prd .bx-wrapper .bx-prev { left: -30px; background: url(http://www.annpiona.co.kr/design/cocowing/S2/main/slide_left.png) no-repeat; }
.loop_main_prd .bx-wrapper .bx-next { right: -30px; background: url(http://www.annpiona.co.kr/design/cocowing/S2/main/slide_right.png) no-repeat; }
.loop_main_prd .bx-wrapper .bx-pager {display:none; }
.loop_main_prd .bx-wrapper .bx-viewport {height:auto !important; }

.main_title {text-align:center; margin-bottom:30px; margin-top:30px; }
.main_title h1 span { font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:15px; letter-spacing:1.5px; color:#000; border-bottom:1px solid #fff; }
.main_title img {vertical-align:middle; }

.apparel {width:1260px; margin:80px auto 100px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:0 0 30px; }
.apparel .main_title h2 { padding:40px 0 15px; }
.apparel .main_title h2 span {font-family: 'PT Serif', serif; color:#959595; font-size:38px; letter-spacing:-1px;}
.apparel .main_title h3 {font-size:15px; color:#959595; letter-spacing:-1px; }
.apparel .main_title h4 {padding:35px 0 5px; }
.apparel .main_title h4 span {border-bottom:1px solid #363636; padding:0 0 1px 0; color:#363636;  font-weight:600; }
.apparel .item-cont {background:#e5e2db; margin:0; padding:20px 0; }
.apparel .item-cont .item-list {margin:10px 0 0; }

.pagination {
  position: absolute;
  left: 0;b
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.pagination-parent {text-align:center; margin:10px 0 0; }

.mid_slide {position:relative; width: 1000px margin: 0 auto; padding-bottom:100px;  }
.mid_slide .b01 {float:left;  }
.mid_slide .b02 {float:right; }

.mid_slide .arrow-left {
  background: url(/design/cocowing/S2/main/slide_left.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.mid_slide .arrow-right {
  background: url(/design/cocowing/S2/main/slide_right.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}

/* BASIC css end */