#main-banner {background-image: url(/images/09/banner-bg.png);background-repeat: repeat-x;background-position: 50% 50%;background-color: #edeeee;background-size: cover;margin-top: 145px;}
#main-banner .bannerslide a { display:block; background-repeat:no-repeat; background-position:50% 50%; background-size: cover; }

#main-banner .slick-slider { margin: 0; }

#main-banner .slick-prev ,
#main-banner .slick-next { background-image: url(/images/09/banner-sccorw.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; z-index: 2; width: 59px; height: 59px; top: calc(50% - 30px); }
#main-banner .slick-prev { left: 10px; }
#main-banner .slick-next { background-image: url(/images/09/banner-sccorw2.png); right: 10px; }
#main-banner .slick-prev:before ,
#main-banner .slick-next:before { display: none; }

#main-banner .slick-dots {bottom: 95%;text-align: end;}
#main-banner .slick-dots li {}
#main-banner .slick-dots li button {padding: 1px;border-radius: 50%;}
#main-banner .slick-dots li button:before {color: #000000 !important;}

#main-banner .item { position: relative; overflow: hidden; text-align: right; }
#main-banner .item video ,
#main-banner .item iframe { position: absolute; width: 100%; left: 0; top: 0; }
#main-banner .item .art { position: absolute; text-shadow: 1px 1px 1px #939393; top: 15%; left: 5%; z-index: 1; }
#main-banner .item .art h2 { font-size: 36px; color: #fff; line-height: 170%; }
#main-banner .item .art p { color: #fff; font-size: 16px; text-align: left; line-height: 170%; }

@media screen and (max-width:980px) {
	#main-banner section { width: 100%; }
	#main-banner .slick-prev , #main-banner .slick-next { width: 35px; height: 35px; top: calc(50% - 17px); }
	#main-banner .slick-dots { transform: scale(0.7, 0.7);-moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -o-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); }
	#main-banner .item video { width: auto; height:100%; }
	#main-banner .item iframe { height: 100%; transform: scale(1.4); }
	#main-banner .slick-slide img {max-width: inherit;height: calc(100vh - 275px);}
	#main-banner {    margin-top: 74px;}
}
@media screen and (max-width:480px) {
	#main-banner .slick-slide img {    height: calc(100vh - 490px);}
}