@charset "UTF-8";

.wrap-news{position: relative;}
.wrap-news > ul{position: relative;}
.wrap-news li .con::after{content:""; display: table; clear: both;}
.wrap-news li .news-content{float: left; width: 47%; height: 320px; background-color: #2a2a2a; text-align: center; padding: 65px 50px 0 50px;}
.news-content .news-subtitle{display: inline-block; position: relative; font-family: 'Montserrat'; font-weight: 200; color: white; padding: 0 8px; line-height: 1;}
.news-content .news-subtitle::before{content:""; display: block; position: absolute; width: 1px; height: 100%; background-color: white; top: 0; left:0 ;}
.news-content .news-subtitle::after{content:""; display: block; position: absolute; width: 1px; height: 100%; background-color: white; top: 0; right:0 ;}
.news-content .title{font-size: 26px; font-family: 'Noto Medium'; color: white; margin-top: 5px;}
.news-content .news-text{margin-top: 18px; opacity: 0.7;}
.news-content .news-text a{color: white; font-size: 18px; line-height: 28px;}
.news-content .news-text a:hover{text-decoration: underline;}
.wrap-news li .news-image{width: 53%; float: left; height: 320px; overflow: hidden;}
.wrap-news li .news-image-bx{width: 100%; height: 100%; display: block; transition: all .3s;}
.wrap-news li .news-image-bx.hover{transform: scale(1.1);}

.wrap-news .news-info-box{position: absolute; z-index: 2; bottom: 70px; left: 0; width: 47%; text-align: center;}
.news-info-box .news-tool{display: inline-block;}
.news-remote{float: left; margin-right: 15px; margin-top: 5px;}
.news-remote ul::after{content:"";display: table; clear: both;}
.news-remote li{float: left; display: block; text-indent: -9999px; background-color: white; border-radius: 50%; width: 6px; height: 6px; margin-right: 10px; margin-top: 5px; cursor: pointer;}
.news-remote li.slick-active{width: 15px; height: 15px; border-radius: 0; background: url(../images/this_slider.png); background-color: transparent; margin-top: 0;}
.news-remote li:last-child{margin-right: 0;}

.news-playstop{float: left; margin-right: 20px; margin-top: 6.5px;}
.news-playstop button{display: none; width: 9px; height: 12px;}
.news-playstop button.stop{background: url(../images/stop_btn.png)}
.news-playstop button.play{background: url(../images/play_btn.png)}
.news-playstop button.on{display: block;}

.wrap-news .more{float: left; display: block; text-indent: -9999px; width: 25px; height: 25px; background: url(../images/news_more.png); transition: all .5s;}
.wrap-news .more:hover{transform: rotate(90deg);}

@media all and (max-width: 1420px) {
	.wrap-news li .news-content{padding: 65px 20px 0 20px;}
}

@media all and (max-width: 1023px) {
	.wrap-news li .news-content{width: 320px;}
	.wrap-news .news-info-box{width: 320px;}
	.wrap-news li .news-image{width: calc(100% - 320px);}
}

@media all and (max-width: 768px) {
	.wrap-news li .news-content{width: 100%; float: none; height: 205px; padding-top: 30px;}
	.wrap-news .news-info-box{width: 100%; bottom: auto; top: 160px;}
	.wrap-news li .news-image{width: 100%; float: none; height: 260px;}
	.news-content .news-text a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
}