#banner .item{position:relative}
#banner .item a{position:absolute;width:100%;height:100%;top:0;left:0}
#banner .info{position:absolute;left:50%;bottom:420px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center;display:none}
#banner .info .text-box{position:relative}
#banner .info .text-box h3{line-height:110%;text-align:center;color:#ffffff;font-weight:100;text-shadow:0 0 10px rgb(0 0 0 / 0.3);-webkit-line-clamp:2;font-family:'Cormorant Garamond',serif;font-size:1.9rem;letter-spacing:2px;text-transform:uppercase}
#banner .info .text-box h3:nth-child(2){position:absolute;background-color:#ffffff;color:#fff;-webkit-clip-path:inset(0 0 0 9vw);clip-path:inset(0 0 0 9vw);display:none}
#banner .info p{text-align:center;color:#fff;font-size:1.0rem;text-shadow:0px 0px 10px rgb(0 0 0 / 0.5);-webkit-line-clamp:1;font-weight:100;letter-spacing:4px}
#banner .img{width:100vw;height:100vh;background:no-repeat 50% / cover}
#banner .slick-dots{bottom:15px;text-align:left;left:15px;z-index:88}
#banner .slick-dots li button:before{display:none}
#banner .slick-dots li button{background:rgba(255,255,255,0.46);box-shadow:0 0 5px rgba(16,16,16,0.33);height:19px}
#banner .slick-dots li.slick-active button{background:rgba(255,255,255,0.8)}
#banner .slick-slider{margin:0}

@media screen and (max-width:1440px) {
	#banner .info{width:450px;margin:0 0 -20px 0}
}
@media screen and (max-width:1280px) {
	#banner .img {width: 100vw;height: 80vh;}
	#banner .info {bottom: 220px;}
	#headBan #cis{    top: 140px;}
    #banner{margin-top:90px;}
}
@media screen and (max-width: 1024px) {
	#headBan #cis{top:100px}
	#headBan #cis a{width:150px}
	#banner .info{bottom:190px}
	#banner .info .text-box h3{font-size:3vw;color:#fff}
	#banner .info .text-box h3:last-child{display:none}
	#banner .img{width:100vw;height:70vw;background:no-repeat 50% 0% / cover;margin-top:-40px}
	#headBan #cis a{width:150px}
	#banner .info p{font-size:0.8rem}
}
@media screen and (max-width: 768px) {
	#banner .info {bottom: 140px;}
}
@media screen and (max-width: 640px) {
	#banner .slick-dots li{width: 12px;}
	#banner .slick-dots li button{width:12px;height:11px}
	#banner .info{bottom:50px}	
}
@media screen and (max-width:500px) {
	#banner .img {width: 100vw;height: 490px;margin-top: 0;background-position: 52% 50%;}
    #banner .info p {margin-top: 0px;}
	#headBan #cis{top:110px}
	#headBan #cis a{width:120px}
	#banner .info{bottom:150px}
}
@media screen and (max-width:430px) {
	#banner .info {bottom: 100px;}
}
@media screen and (max-width:375px) {
	#banner .info {bottom: 60px;}
}