/******************* 슬라이드 *************************/


.slick-slide, .slick-slide::before, .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-slider {
  position: relative;
  width: 100%;
  /*height: 600px !important;*/
  min-height: 8vw;
  /*margin-bottom: 50px;*/
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.slick-slide {
  position: relative;
  /*height: 600px !important;*/
}
.slick-slide::before {
  background-color: #000;
  opacity: .3;
  z-index: 1;
}
.slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slick-slide iframe {
  position: relative;
  pointer-events: none;
}
.slick-slide figure {
  position: relative;
  height: 100%;
}
.slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}
.slick-slide .slide-image.show {
  opacity: 1;
}
.slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {
  z-index: 1;
}
.slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active .caption {
  opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.slick-dots{
position: absolute;
bottom: 20px;
display: block;
width: 100%;
padding: 10;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li.slick-active button:before{
  font-size:15px;
  color:blue;
}



.slick-dots {
  text-align: center;
  padding-top: 15px;
}
.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}



.slick-dots li button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 0 transparent;
  vertical-align: middle;
  color: #fff;
  background-color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .4;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  opacity: 1;
}
.slick-dots li.slick-active button {
  border-color: #2d3042;
  box-shadow: 0 0 0 2px #fff;
  opacity: 1;
}




.main-slider button.slick-arrow{font-size:0; position:absolute;  margin-top:-33px; width:66px; height:66px; z-index:2; outline:0;border: 0px;} 
.main-slider button.slick-prev{position:absolute;top:50%;left:10%; background:url("../img/left_arrow.png") center no-repeat;} 
.main-slider button.slick-next{position:absolute;top:50%;right:10%; background:url("../img/right_arrow.png") center no-repeat;} 
.main-slider .slide_wrap .slide_txt{position:absolute; left:50%; top:50%; transform:translate(-50% , -50%); font-size:50px; line-height:1.8; font-weight:bold; color:red; text-align:center; z-index:900;}

/*.main-slider button.slick-prev:hover{margin-left:-700px; background:url("") center no-repeat;} */
/*.main-slider button.slick-next:hover{margin-left:643px; background:url("") center no-repeat;} */

/* 슬라이드의 스타일 시트입니다.  */


/* 모바일기기 1 */
@media only screen and (max-width: 320px) {

	/* 슬라이드 텍스트 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  top: 44%;
	  left: 5%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 17px;
	  font-weight: bold;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
	.small-text{font-size:12px;}

	/* 모바일기기 1 - 유튜브 크기조절 */
	.main-slider .youtube {height: 140px !important;}

	/* 모바일기기 1 - 이미지 크기조절 */
	.main-slider .image {height: 140px !important;}

	.icon_ve{vertical-align: middle;}
	.video-caption{margin-top: 70px;}

}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){

	/* 슬라이드 텍스트 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  top: 44%;
	  left: 5%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 17px;
	  font-weight: bold;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
	.caption i{font-size:19px;}
	.small-text{font-size:12px;}

	/* 모바일기기 2 - 유튜브 크기조절 */
	.main-slider .youtube {height: 140px !important;}

	/* 모바일기기 1 - 이미지 크기조절 */
	.main-slider .image {height: 140px !important;}

	.icon_ve{vertical-align: middle;}
	.slick-slide::before {
		background-color: #f7f7f700;
		opacity: .3;
		z-index: 1;
	}
	.video-caption{margin-top: 70px;}


}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){

	/* 슬라이드 mobile 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  top: 44%;
	  left: 5%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 17px;
	  font-weight: bold;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
	.caption i{font-size:19px;}
	.small-text{font-size:12px;}

	.main-slider {height: 550px !important;}
	.slick-slide {height: 550px !important;}
	.icon_ve{vertical-align: middle;}
	.slick-slide::before {
		background-color: #f7f7f700;
		opacity: .3;
		z-index: 1;
	}
	.navbar-header {
		float: left;
		padding: 15px;
		text-align: center;
		width: 100%;
	}
	.navbar-brand {float:none;}
	.navbar-right{
		float:left !important;
		margin-left:0px;
	}
	

}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {

	/* 메인 아이콘박스 */
	.SF_main_icon{
		background:#fff; /*margin-top:-100px;*/
	}
	.SF_main_icon .row{
		margin-left:0px;
		margin-right:0px;
	}
	.SF_main_icon .row > div{
		padding:0px;
	}

	/* 슬라이드 세로크기 */
	.main-slider {height: 550px !important;}
	.slick-slide {height: 550px !important;}
	.icon_ve{vertical-align: middle;}

	/* 텍스트 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  top: 44%;
	  left: 5%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 40px;
	  font-weight: bold;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
}



@media only screen and (max-width: 320px) {

	#bo_v_file ul li span{
		display: contents;
		word-break: break-all;
	}

}