html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, small, strong, b, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, figure, figcaption, section, video, button {
	margin: 0;
  padding: 0;
  border: 0;
}


/*Prev Bnn Container*/
.prevBnnContainer {
  position: relative;
  padding: 20px 32px; /*prev, next 버튼의 2배 크기로 잡음*/
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border-bottom: 1px solid #dddddd
}

.prevBnnContainer .swiper-container .swiper-wrapper {
  margin: 0 auto;
}

.prevBnnContainer .swiper-container .swiper-wrapper .swiper-slide {
  width: 200px !important;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}

.prevBnnContainer .swiper-container .swiper-wrapper .swiper-slide > img {
  width: 200px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}

.prevBnnContainer .swiper-container .swiper-wrapper .swiper-slide > figcaption {
  font-family: 'pretendard', 'Noro Sans KR';
  font-size: 14px;
  font-weight: 700;
  color: #444444;
}

.swiper-slide {
  width: 100%;
}

/* 배너 개별 색상 !!!! 이 부분은 테스트용임. 라이브 시 삭제!!!! */
.slide1 > img { background-color: red; }
.slide2 > img { background-color: orange; }
.slide3 > img { background-color: yellow; }
.slide4 > img { background-color: green; }
.slide5 > img { background-color: blue; }
.slide6 > img { background-color: navy; }
.slide7 > img { background-color: purple; }
.slide8 > img { background-color: aqua; }
.slide9 > img { background-color: pink; }
.slide10 > img { background-color: burlywood; }

/*Next, Prev*/
.prevBnnContainer .swiper-button-prev,
.prevBnnContainer .swiper-button-next {
  width: 16px !important;
  height: 16px !important; 
  color: #CCCCCC !important;
  background-color: transparent;
  font-size: 16px;
  top: 50%;
}

.prevBnnContainer .swiper-button-prev::after, 
.prevBnnContainer .swiper-button-next::after {
  font-size: 16px !important;
  line-height: 1;
}

.prevBnnContainer .swiper-button-prev:hover,
.prevBnnContainer .swiper-button-next:hover {
  color: #444444 !important;
}  

  
  #ts-story--container{
    margin: 0 auto;
    padding: 0 ;
    width: 100%;
    max-width: 1200px;
  }
  .bnn-active{
    opacity: 0.6;
  }
    .section--title{
    font-weight: 700;
    padding: 20px 0 10px;
    border-bottom:2px solid #666 ;
    margin: 0 0 10px 0;
  }
.section--title h1 {
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;

}

  @media(min-width:1200px) {
  #liveConnection-container {
    padding: 0;
  }
 
}
 @media(max-width:767px){
  #ts-story--container{
    margin: 0 auto;
    padding: 0 15px ;
    width: 100%;
  }
.swiper-wrapper{
  justify-content:flex-start;
  }
  }