#s13 {
  background: #fafafa !important;

}
#s13 .section-title .section-bar {
  margin-top: 42px;
}
#s13 .content {
  background: #fafafa !important;
  padding: 100px 15px !important;
  overflow: visible !important;
}
#s13 .title {
  /*font-size: 30px;*/
  /*font-weight: 700;*/
  /*line-height: 1;*/
  /*margin: 0 auto;*/
  /*display: inline-block;*/
  /*padding-bottom: 20px;*/
  /*border-bottom: 2px solid black;*/
  /*width: 80%;*/
  /*text-align: left;*/
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin: 0 auto;
  display: block;
  padding-bottom: 20px;
  border-bottom: 2px solid black;
  /*max-width: 160px;*/
  text-align: center;
}

/* #s13 .list {
} */
.i-hall {
  padding: 38px 0;
  border-bottom: 1px solid #d6d6d6;
}
.i-hall .item {
  position: relative;
  /* height: 235px; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.i-hall .item .thumb {
  height: 100%;
}
.i-hall .item .thumb .img-wrapper {
  width: 230px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.i-hall .item .thumb .img-wrapper::before {
  content: '';
  width: 100%;
  display: inline-block;
  margin-top: 100%;
}
.i-hall .item .thumb img {
  height: 100%;
}

.i-hall .item .cont {
  flex: 1;

  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;

  padding-left: 27px;
}
.i-hall .item .cont .name {
  font-size: 25px;
  font-weight: 700;
}
.i-hall .item .cont .tags {
  font-size: 16px;
  color: gray;
  margin-top: 10px;
}

.i-hall .item i {
  font-size: 42px;
  color: #e4e4e4;
}


/*slideWrapper*/
/* #s13 .slide {
} */

#s13 .swiper-slide-active .item .cont{
  visibility: visible !important;
}
#s13 .swiper-slide-active .item .thumb .img-wrapper {
  /*width: 997px !important;*/
  /*height: 564.7px !important;*/
  filter: grayscale(0%) !important;
  transform: scale(1) !important;
}
#s13 .swiper-slide-active .item .thumb:hover .img-wrapper {
  transition: transform 2.5s ease !important;
  transform: scale(1.05) !important;
}

#s13 .swiper-slide-active {}

.slide .swiper-slide-next,
.slide .swiper-slide-prev {
  margin: auto;
}

#s13 .slide .swiper-container .swiper-slide {
  padding: 38px 0;
  padding-top: 50px;
  /*border-bottom: 1px solid #d6d6d6;*/
}
#s13 .slide .swiper-container .swiper-slide .item {
  position: relative;
  /* height: 235px; */
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  
}

#s13 .slide .swiper-container .swiper-slide .item .thumb {
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
}

#s13 .slide .swiper-container .swiper-slide .item .thumb .img-wrapper {
  width: 100%;
  height: 564.7px;
  transform: scale(0.8);
  transition: transform 0.2s ease;
  /*width: 476px;*/
  /*height: 463px;*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  filter: grayscale(100%);
}
#s13 .slide .swiper-container .swiper-slide .item .thumb .img-wrapper::before {
  content: '';
  width: 100%;
  display: inline-block;
  margin-top: 100%;
}
#s13 .slide .swiper-container .swiper-slide .item .thumb img {
  height: 100%;
}

#s13 .slide .swiper-container .swiper-slide .item .cont {
  /*flex: 1;*/
  width: 781px;
  height: 187px;
  background: #fff;
  display: flex;
  visibility: hidden;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding-left: 27px;
  margin-top: -60px;
  z-index:1;
  padding-top: 39px;
  cursor: pointer;
}
#s13 .slide .swiper-container .swiper-slide .item .cont .name span:first-child{
  font-size: 34px;
  font-weight: normal;
  margin-right: 6px;
  line-height: 42px;
}

#s13 .slide .swiper-container .swiper-slide .item .cont .name {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.72px;
}

#s13 .slide .swiper-container .swiper-slide .item .cont .tags {
  font-size: 16px;
  color: #686868;
  margin-top: 10px;
  line-height: 1;
}
.slide li>.swiper-slide .swiper-slide-next,
.slide li>.swiper-slide .swiper-slide-prev {
  filter: grayscale(100%);
}
.slide .swiper-container {
  width: 997px;
  /*border: 2px solid red;*/
  overflow: visible !important;
}
.slide .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide .swiper-pagination-bullet-active {
  opacity: 1;
  background: #2F5C66 !important;
}
#s13 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 72px !important;
}

#s13 .pg-arrow {
  position: absolute;
  z-index: 1;
  top: 41.9%;
  transform: translateY(-50%);
}
#s13 .pg-arrow.pg-arrow-left {
  left: -77px;
}
#s13 .pg-arrow.pg-arrow-right {
  right: -77px;
}

/*.slide .swiper-prev:hover,*/
/*.slide .swiper-next:hover {*/
/*  background-color: #fff;*/
/*  color:#333;*/
/*}*/

/*******************************/
/* 반응형 */
/*******************************/

/* 모바일 */
@media screen and (max-width: 450px) {
  #s13 .content {
    padding: 40px 15px !important;
    padding-top: 77.25px !important;
  }
  #s13 .section-title .section-bar {
    margin-top: 28.33px;
  }
  #s13 .title {
    border-bottom: 1px solid #d8d8d8;
    font-size: 24.5px;
    width: 100%;
  }
  #s13 .slide .swiper-container {
    width: 90%;
  }
  #s13 .slide .swiper-container .swiper-slide {
    padding-top: 41.48px;
  }
  #s13 .slide .swiper-container .swiper-slide .item .thumb .img-wrapper {
    height: 240px;
  }
  #s13 .slide .swiper-container .swiper-slide .item .thumb .img-wrapper {
    transform: scale(0.9);
  }
  #s13 .slide .swiper-container .swiper-slide .item .cont {
    width: 91%;
    height: auto;
    padding: 30px 16px;
    padding-bottom: 60px;    
  }
  #s13 .slide .swiper-container .swiper-slide .item .cont .name span:first-child {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    overflow: hidden;
    white-space: pre;
    margin-bottom: 4px;
  }
  #s13 .slide .swiper-container .swiper-slide .item .cont .name {
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
  }
  #s13 .slide .swiper-container .swiper-slide .item .cont .tags {
    font-size: 11.5px;
  }

  #s13 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 60px !important;
  }
  #s13 .swiper-pagination-bullet-active {
    margin: 0 7px;
  }
}
/* 테블릿 */
@media screen and (min-width: 451px) and (max-width: 1023px) {
  #s13 .slide .swiper-container {
    width: 90%;
  }
}
/* PC */
@media screen and (min-width: 1024px) {
}