.trnSlider {
  width: 100%;
  margin: 0 auto;
  overflow:hidden;
}


.trnSlider ul {
	width: 100%;
  margin: 0;
  padding: 0;
  list-style:none;
}
.trnSlider ul li {
	width: 100%;
  margin: 0;
  padding: 0;
  list-style:none;
}

.trnSlider .layout {
  width: 100%;
  margin: 0;
  position: relative;
}
.trnSlider .layout a {
  color: #666;
}

.trnSlider .slide {
  display: none;
}
.trnSlider .slide li {
	width:100%;
	list-style: none;
}
.trnSlider ul li img{
	max-width:100%;
}
.trnSlider .slide.slick-initialized {
  display: block;
}

.trnSlider .slick-dots {
  margin-top: 5px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  justify-content: center;
}
.trnSlider .slick-dots li {
  display: inline-block;
  max-height: 56px;
  max-width: 112px;
  margin: 5px;
}
.trnSlider .slick-dots li img {
  height: auto;
  width: 100%;

  cursor: pointer;

  opacity: 0.5;
}
.trnSlider .slick-dots li.slick-active img {
  cursor: default;

  opacity: 1;
}

.trnSlider .slick-prev,
.trnSlider .slick-next {
  margin: -50px 0 0;

  z-index: 99;
  position: absolute;
  top: 50%;
}
.trnSlider .slick-prev {
  left: 25px;
  z-index:10;
}
.trnSlider .slick-next {
  right: 25px;
  z-index:10;
}

.trnSlider .icon {
  display: inline-block;
  height: 50px;
  width: 50px;
}
.trnSlider .icon__cnt {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .trnSlider {
    width: 100%;
  }

}