.const_sns_container{width: 1404px;margin-left: -720px;position: absolute;top: 37%;left: 50%;}
.const_sns_container .swiper-container{padding-bottom: 50px;overflow: hidden;}
.const_sns_cont{position: relative;}
.const_sns_cont .nav button{width: 58px;height: 58px;margin-top: -49px;font-size: 0;text-indent: -9999px;position: absolute;top: 50%;background-size: 100% 100%;background-repeat: no-repeat;border: none;background-color: transparent;}
.const_sns_cont .nav .prev{left: -80px;background-image: url('../image/common/arrow-left.svg');}
.const_sns_cont .nav .next{right: -80px;background-image: url('../image/common/arrow-right.svg');}

.const_sns_items li{display: inline-block;position: relative;overflow: hidden;}
.const_sns_items li .img{display: block;color: #fff;}
.const_sns_items li .img img{width: 100%;}
.const_sns_items .info{width: 100%;height: 100%;text-align: center;background-color: rgba(0, 0, 0, 0.8);position: absolute;left: 0;top: 0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity: 0.2;transition:all 0.4s cubic-bezier(.22,.03,.3,.99);transform: translate(0, 100%);}
.const_sns_items .is-active .info{opacity: 0.9;transform: translate(0, 0);}
.const_sns_items .info p{font-size: 17px;padding-bottom: 20px; line-height:150%; word-break:keep-all;}
.const_sns_items .info span{font-size: 17px;line-height: 150%;}

.const_sns_container .const_sns_cont .swiper-scrollbar{width: 80%;margin: 40px auto 0;background-color: rgba(255, 255, 255, 0.2);position: relative;left: 0;top: 0;bottom: 0;}
.const_sns_container .const_sns_cont .swiper-scrollbar-drag{background-color: rgba(0, 0, 0, 0.3);}
@media all and (max-width: 1403px){
	.const_sns_container{width: 94%;height: 65%;margin: 0;left: 3%;top: 35%;}
}
@media all and (max-width: 768px){
	.const_sns_container{top: 19%;height: 70%;}
	.const_sns_container .swiper-container{padding-bottom: 30px;}
	.const_sns_cont .nav{display: none;}
	.const_sns_container .const_sns_cont,
	.const_sns_container .const_sns_items{height: 100%;}
	.const_sns_items li{height: calc((100% - 10px) / 2);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
	.const_sns_container .const_sns_cont .swiper-scrollbar{width: 95%;margin-top: 20px;}
}