@charset "UTF-8";

.wrap_news{background:rgba(0,0,0,0.6);padding:20px 20px 20px 70px;display:flex;align-items:center;justify-content:space-between;}
.wrap_news h3{width:300px;line-height:1 !important;font-family: 'Roboto', sans-serif;font-size:30px;color:#2759a5;word-break:keep-all;}
.wrap_news h3 .span_1{color:#f1f1f1;font-weight:500;}
.wrap_news h3 .span_2{color:#f1f1f1;font-weight:300;}
.wrap_news h3 .span_3{color:#f1f1f1;font-weight:500;}

/*슬라이드*/
.wrap_news > div{width:400px;}
.wrap_news ul.slider{}
.wrap_news .slick-list{}
.wrap_news .slick-track{}
.wrap_news .slick-slide{padding:2px;}
.wrap_news .slick-slide a{display:block;}
.wrap_news .slick-slide img{display:none;}
.wrap_news .slick-slide .text_1{display:flex;align-items:center;justify-content:flex-end;width:100%;}
.wrap_news .slick-slide .text_1::after{content:"";display:block;width:32px;height:22px;background:url(../images/news_more.png) right center no-repeat;}
.wrap_news .slick-slide .text_1 span{font-size:16px;font-weight:300;color:#FFF;line-height:1.25;padding-left:15px;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_news .slick-slide .text_1 span::after{content:"";display:block;width:0;height:1px;background:#FFF;margin-top:3px;}

/*넘버링*/
.wrap_news .numbering{display:none;}
.wrap_news .numbering span{}
.wrap_news .numbering .now{}
.wrap_news .numbering .now:after{}
.wrap_news .numbering .total{}

/*컨트롤*/
.wrap_news .control{}
.wrap_news .control .container{}
	/*페이징*/
	.wrap_news .paging{display:none;}
	.wrap_news .paging ul{}
	.wrap_news .paging li{}
	.wrap_news .paging button{}
	/*재생정지*/
	.wrap_news .playstop{display:none;}
	.wrap_news .playstop button{}
	.wrap_news .playstop button.play{}
	.wrap_news .playstop button.stop{}
	.wrap_news .playstop button.on{}
	/*이전다음*/
	.wrap_news .prevnext{display:none;}
	.wrap_news .prevnext button{display:inline-block;width:60px;height:60px;font-size:0;position:absolute;top:calc(50% - 30px);background:url(/sites/style_guide/images/common/arrow_5_b.png) no-repeat center;}
	.wrap_news .prevnext button.prev{left:10px;transform:rotate(180deg);}
	.wrap_news .prevnext button.next{right:10px;}

@media all and (max-width:1024px) {
}
@media all and (max-width:768px){
	.wrap_news{flex-wrap:wrap;padding:20px;}
	.wrap_news h3{width:100%;margin-bottom:20px;text-align:center;font-size:25px;}
	.wrap_news > div{width:100%;}
	.wrap_news .slick-slide .text_1{justify-content:center;}
}
@media all and (max-width:520px){
}

/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	.wrap_news li a:hover .text_1 span::after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}