@charset "UTF-8";


.wrap-sns {position:relative; overflow:hidden;}

/* title */
.wrap-sns .title{margin-bottom:70px; text-align: center;}
.wrap-sns .title strong{font-size: 50px; font-family: 'Dream Bold'; display: block;}
.wrap-sns .title span{font-size: 20px; color:#888;}


/* control +  */
.wrap-sns .control{position: absolute;right: 0;top:25px;}
.wrap-sns .control .prevNext{display: flex;gap: 5px;}
.wrap-sns .control .more-btn,
.wrap-sns .control button{width:50px; transition:ease all .5s; height:50px;display:block;border:1px solid #ddd;border-radius: 100%;text-indent:-9999px;background-color: #fff;}
.wrap-sns .control button:hover{background-color:#ddd !important;}
.wrap-sns .control button.next{background:#fff url(./../images/next.png) center no-repeat;}
.wrap-sns .control button.prev{background:#fff url(./../images/prev.png) center no-repeat;}
.wrap-sns .control .more-btn{transition:ease all .5s; background:#31373a url('../images/more.png') no-repeat center center;}
.wrap-sns .control .more-btn:hover{transform:rotate(180deg);}

/* content  */
.wrap-sns .text-box{opacity:0; line-height:1.4; transition:ease all .5s; position: absolute;width: 100%;height: 100%;z-index: 101;top: 0;left: 0;display: flex;align-items: center;justify-content: center;padding: 0 30px;background: rgba(0,0,0,.6);}
.wrap-sns li:hover .text-box{opacity:1;}
.wrap-sns .text-box strong{font-family: 'Dream Medium'; font-size: 20px; color:#fff; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical;}
.wrap-sns .text-box .dateA{display:none; color: #999; font-size: 15px; margin-top: 10px;}

/* thum  */
.wrap-sns .sns_slider{}
.wrap-sns li{}
.wrap-sns li > a{position: relative; overflow:hidden; display: block;}
.wrap-sns li .thumb{height: 260px;}
.wrap-sns li .thumb img{width: 100%; height: 100%; transition:ease all .5s; object-fit: cover;}
.wrap-sns li a:hover .thumb img{transform:scale(1.2)}

/* date  */
.wrap-sns .date{}

/* no-date */
.wrap-sns .list {}
.wrap-sns .list .nodata {text-align: center; padding: 20px 0;}
.wrap-sns .slick-list li{padding:0 5px;}

/* more */
.wrap-sns .paging,
.wrap-sns .playStop{display:none;}

@media all and (max-width:1300px) {
	.wrap-sns li .thumb{height:300px;}
	.wrap-sns li .thumb img{height:100%; objet-fit:cover}
}

@media all and (max-width:1000px) {
	.wrap-sns .title{margin-bottom: 30px;text-align: left;}
	.wrap-sns .title strong{font-size:30px;line-height: 1.2;}
	.wrap-sns .title span{font-size:15px;}
	.wrap-sns li .thumb{height:230px;}
	.wrap-sns .control{top: 0;right: 0;}
	.wrap-sns .text-box{opacity:1;background: rgba(0,0,0,.4);align-items: end;padding-bottom: 20px;}
}

@media all and (max-width:767px) {
	.wrap-sns .control .more-btn{width: 30px;height: 30px;background-size: 10px;}
	.wrap-sns .control button{width: 30px;height: 30px;background-size: 8px !important;}
	.wrap-sns .text-box strong{font-size:16px;}
}