@charset "UTF-8";

.wrap_SN{height:100%;}

.wrap_SN .container{}
.wrap_SN .container > div{padding:0 12px;}

.wrap_SN a.inner{}
.wrap_SN .con{position:relative;padding:0 15px;}

.wrap_SN .item_1{position:relative;}
.wrap_SN .item_1 img{width:100%;}
.wrap_SN .item_1::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0);transition:0.3s;}
.wrap_SN .item_1::after{content:"";display:block;width:50px;height:50px;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);background:url(../images/arrow.png) no-repeat center;transform:scale(0);transition:0.3s;}

.wrap_SN .item_2{}
.wrap_SN .text_1{padding-top:20px;font-family:'Play Bold';font-size:18px;line-height:1;}
.wrap_SN .text_2{font-size:17px;line-height:1.5;}

.wrap_SN .text_1 span{color:#e50000;}/*유튜브*/
.wrap_SN .text_1 i{color:#1f4aa3;}/*페이스북*/
.wrap_SN .text_1 em{color:#ec1e7a;}/*인스타그램*/
.wrap_SN .text_1 b{color:#00f6ff;}/*트위터*/
.wrap_SN .text_1 strong{color:#32b34a;}/*네이버블로그*/
.wrap_SN .text_1 p{color:#ffb900;}/*카카오스토리*/

/*컨트롤*/
.wrap_SN .control{}
.wrap_SN .numbering,
.wrap_SN .paging,
.wrap_SN .playstop{display:none;}
.wrap_SN .prevnext{}
.wrap_SN button{display:block;position:absolute;top:calc(50% - 25px);width:50px;height:50px;text-indent:-9999px;}
.wrap_SN button.prev{left:0;background:#dee0e2 url(../images/prev_b.png) no-repeat center;}
.wrap_SN button.next{right:0;background:#172432 url(../images/next_w.png) no-repeat center;}
@media all and (max-width:1280px) {
}
@media all and (max-width:768px) {
	.wrap_SN .container > div{padding:0;}
	.wrap_SN .text_1 span{font-size:16px;}
	.wrap_SN .text_2{font-size:15px;}
	.wrap_SN button{top:calc(50% - 20px);width:40px;height:40px;}
}


/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	.wrap_SN a.inner:hover .item_1::before{background:rgba(0,0,0,0.5);}
	.wrap_SN a.inner:hover .item_1::after{transform:scale(1);}
	.wrap_SN a.inner:hover .text_2{font-family:'Dream Medium';color:#000;}
	.wrap_SN button.prev:hover{background:#172432 url(../images/prev_w.png) no-repeat center;}
	.wrap_SN button.next:hover{background:#dee0e2 url(../images/next_b.png) no-repeat center;}
}