/*banner_011 start*/
.hs-con {}

	.swiper-area { position: relative;}
	
	.hs-banner { padding-bottom: 48%;}
	
	.hs-banner .img { background: center; background-size: cover; height: 100%; position: absolute; width: 100%;}
	
	.hs-wrapper { height: 100%; position: absolute;}
	
	.hs-image { background: center; background-size: cover; display: inline-block; height: 100%;}
		.swiper-slide { }
	.hs-info { background: rgba(0,0,0,.5); color: #fff; height: 100%; transition: all .3s; opacity: 0; padding: 0 1em; padding-top: 2em;}
	.hs-info:hover { opacity: 1; padding-top: 0;}
	.hs-content { display: table-cell; text-align: center; vertical-align: middle;}
	
	.swiper-button-prev,
	.swiper-button-next { position: relative; display: inline-block; height: 13px; width: 8rem; background-image: url(../images/icon/arrow2.svg); background-size: cover; transition: .3s all;}
	.swiper-button-prev { background-position: left; left: auto; right: 1rem;}
	.swiper-button-next { background-position: right; right: auto; left: 1rem;}
		.swiper-button-prev:hover { right: 2rem;}
		.swiper-button-next:hover { left: 2rem;}
	
	
	.button-box { position: absolute; width: 100%; bottom: 1.5rem; text-align: center;}
		.button-box .swiper-pagination { position: relative; display: inline-block;}
		.swiper-pagination-bullet { width: .5rem; height: .5rem; margin: 0 1rem; border-radius: 0; background-color: #fff; opacity: 1;}
		.swiper-pagination-bullet-active { background-color: #4c6c77;}
		
		.hs-banner .button-box { bottom: 3rem;}
	

/* Mobile Specfic Styles */
@media only screen and (max-width: 1023px) {
	.swiper-button-prev,
	.swiper-button-next { display: none;}
}

@media only screen and (max-width: 480px) {
	/*.fullview:before { content: ''; display: block; padding-top: 46px;}*/
	
	
	.button-box,
	.hs-banner .button-box { bottom: .5rem;}
		.swiper-pagination-bullet { height: 6px; margin: 0 .5rem;}
	
}


/*banner_011 end*/