@charset "utf-8";

/* NEWS */
.news{height:100%; padding-left:50px; background:#fff; overflow:hidden;}
.news h3{font-size:20px; line-height:25px; margin:35px 0 20px; color:#222; font-family:'NotoM';}
.news .list_box{position:relative;}
.news .list_box .newsBox a{position:relative; height:320px; display:block;}
.news .list_box .newsBox a::before{content:""; position:absolute; left:0; bottom:0; width:80px; height:80px; text-indent:-9999%; overflow:hidden; background:#008388 url('/images/template/00001/main/btn_arr.png') no-repeat center; z-index:1;}
.news .list_box .img{width:100%;height:240px;text-align:center;background: #ececec;overflow:hidden;}
.news .list_box .img img{position:relative; width:auto; height:auto; max-width: 630px; max-height: 240px; margin-top:0px; }
.news .list_box .img img.sqImg,
.news .list_box .img img.vertImg{width:auto; max-width:470px; height:auto;}
.news .list_box .cont{position: absolute; width:100%; left:0; bottom:0; z-index:0;}
.news .list_box dl{margin-left:80px; padding:25px 30px 20px; background:#fff;}
.news .list_box dl dt{font-size:22px; color:#222; line-height:25px; overflow:hidden; text-overflow:ellipsis;}
.news .list_box dl dd{height:36px; margin-top:10px; line-height:18px; font-size:13px; color:#666; overflow:hidden;}
.news .list_box .slick-arrow{position: absolute; top:-40px; width:20px; height:20px; text-indent:-9999%; overflow:hidden; cursor: pointer;}
.news .list_box .slick-next{right:0; background:url('/images/template/00001/main/btn_next.png') no-repeat center;}
.news .list_box .slick-prev{right:60px; background:url('/images/template/00001/main/btn_prev.png') no-repeat center;}
.news .control a{position:absolute; right:30px; top:40px; width:20px; height:20px; display:block; text-indent:-9999%; overflow:hidden;}
.news .control a.btn_stop{ background:url('/images/template/00001/main/btn_stop.png') no-repeat center;}
.news .control a.btn_play{display:none; background:url('/images/template/00001/main/btn_play.png') no-repeat center;}

.news .list_box a:hover::before{background-position:70% center; background-color:#096b6e;}
.news .list_box a:hover .img img{transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05);}
.news .list_box a:hover dt{color:#008388;}
.news :before, .news img, .news dt, .news dl{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }


@media screen and (max-width:1420px) {	
	/* 보도자료 */
	.news{padding-left:30px;}
}

@media screen and (min-width:1201px) {		
	/* 스크롤 이벤트 CSS */
	[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:1s}
	[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:1s}
	[data-aos][data-aos][data-aos-delay="10"],body[data-aos-delay="10"] [data-aos]{transition-delay:0}
	[data-aos][data-aos][data-aos-delay="10"].aos-animate,body[data-aos-delay="10"] [data-aos].aos-animate{transition-delay:.5s}

	/* slide 종류 설정 */
	[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
	[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
	[data-aos=fade-up]{transform:translate3d(0,100px,0)}
	[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
	[data-aos=fade-down-shot]{transform:translate3d(0,-50px,0)}
	[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
	[data-aos=fade-left]{transform:translate3d(100px,0,0)}
	[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}
	[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}
	[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}
	[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}		
}

@media screen and (max-width:1200px) {
	/* 스크롤 이벤트 CSS */
	[data-aos^=fade][data-aos^=fade]{opacity:1;}	
}

@media screen and (max-width:760px) {	
	/* 보도뉴스 */
	.news .list_box .img{height:270px;}
	.news .list_box .img img{max-width:100%; min-width:0px;}
	.news .list_box .newsBox a::before{width:50px; height:50px;}
	.news .list_box dl{margin-left:50px; padding:25px 15px 20px;}
}

@media screen and (max-width:640px) {
	/* 보도뉴스 */
	.news{padding:0 25px 20px;}
	.news h3{margin:20px 0;}
	.news .control a{top:25px; right:55px;}
}

@media screen and (max-width:540px) {
	/* 보도자료 */
	.news h3{font-size:18px;}
}