@charset "utf-8";

.newsMain{padding-top: 180px;position: relative;overflow: hidden;line-height: 1.5;}
.newsMain .container{/* padding-left:calc(calc(100% - 1560px) / 2); */max-width: 100%;position:relative;z-index: 10;}
.newsMain .container .list > ul{margin-bottom: 130px;position:relative;padding-top: 60px;top: -60px;}
/*.newsMain .container .list > ul:before{content:'';width:890px;height:1100px;background: url('../images/big-k.png') no-repeat center top;position:absolute;left:-610px;top:-220px;z-index: 1;opacity: 0.1;}*/



.newsMain svg {
	font-family: 'Noto Bold';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 150px;
	z-index: 1;
	left: 0;
	transform: scale(3);
}
.newsMain.scroll svg text {
	text-transform: uppercase;
	animation: stroke 5s infinite;
	stroke-width: .1;
	stroke: #8b0029;
	font-size: 100px;
}
@keyframes stroke {
	0%   {
		fill:rgba(255,255,255,0); stroke:#8b0029;
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: .3;
	}
	70%  {fill:rgba(255,255,255,0); stroke:#8b0029; }
	80%  {fill:rgba(255,255,255,0); stroke:#8b0029; stroke-width: .6; }
	100% {
		fill:rgba(255,255,255,0); stroke:#8b0029; 
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: .3;opacity:.3;
	}
}


.newsMain .title{line-height: 1;margin-bottom: 40px;font-size: 60px;font-family: 'BMDOHYEON';font-weight: normal;}
.newsMain .title > span.t1{color:#8b0029;}
.newsMain .title > span.t2{font-size:40px;}
.newsMain .list{padding-left: calc(calc(100% - 1560px) / 2);}
.newsMain .slick-slide{float:left;margin-right:60px;position: relative;overflow: hidden;cursor: pointer;transition:all ease 1s;}
.newsMain .list li {overflow: hidden;}
.newsMain .list li .thumb{overflow: hidden;}
.newsMain .list li .thumb img{width:100%;min-width: 1410px;}
.newsMain .list li .con{font-size:18px;color:#fff;font-family: 'Noto Light';max-width: 800px;position: absolute;left: 30px;bottom: 80px;opacity: 0;transition:all ease .75s;line-height: 1.5;}
.newsMain .list li .con .subjectText{font-size:30px;color:#fff;font-family: 'Noto Medium';line-height: 1.25;margin-bottom: 20px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsMain .list .slick-list{position:relative;z-index:2;}

.newsMain .slick-slide > div .thumb{transition: all ease 1s;}
.newsMain .slick-slide:hover > div .thumb{transform:scale(1.1);filter:brightness(0.6);}
.newsMain .slick-slide:hover .con{opacity:1;transition-delay:0.25s;}

.newsMain .list li .con .content{}
.newsMain .list li .con .content span{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.newsMain .list li .date{display:none;}
.newsMain .list li .readMore{display:none;}



.newsMain .hamburger{position:relative;}
.newsMain .hamburger .line{width: 50px;height: 5px;background-color: #9c9c9c;display: block;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.newsMain .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-2.5px;}
.newsMain .hamburger .line:nth-child(2){width:5px;height:50px;margin:0 auto;}
.newsMain .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-2.5px;}

.newsMain .hamburger:hover .line:nth-child(2){background:#fff;transform: rotate(90deg);}
.newsMain .hamburger:hover .line:nth-child(1){background:#fff;top:12px;width:35px;transform: translateX(23px) rotate(45deg);}
.newsMain .hamburger:hover .line:nth-child(3){background:#fff;top:34px;width:35px;transform: translateX(23px) rotate(-45deg);}

.newsMain .more{position: absolute;right:calc(calc(100% - 1560px) / 2);top: 10px;width: 50px;font-size:16px;font-family: 'Noto Medium';color:#8b0029;}

/*
.newsMain .more:after{content:'';width: 66px;height:8px;background:url('../images/more-arrow.png') no-repeat center;display: block;position:relative;top: -16px;left: 50px;}
.newsMain .more:before{content:'';background:#8b0029;width:42px;height:42px;border-radius:50%;display:block;margin-left:auto;position: relative;top: 34px;left: 3px;}
*/

.newsMain .news-control a{}
.newsMain .slick-next{width:66px;height: 9px;background:url('../images/news-right-b.png') no-repeat center;position:absolute;left:1340px;top: 0;text-indent: -9999px;}
.newsMain .slick-prev{width:66px;height: 9px;background:url('../images/news-left-b.png') no-repeat center;position:absolute;left:1250px;top: 0;text-indent: -9999px;}

@media all and (max-width:1920px) {
.newsMain.scroll svg text{font-size:80px;}
}

@media all and (max-width:1700px) {
.newsMain.scroll svg text{font-size:70px;}
}
	
@media all and (max-width:1600px) {
.newsMain{padding-left:25px;}
.newsMain .more{right:25px;}
}

@media all and (max-width:1500px) {
 .newsMain .slick-slide{width:12%;}
 .newsMain .slick-prev{left: 1040px;}
 .newsMain .slick-next{left: 1130px;}
}

@media all and (max-width:1400px) {
.newsMain{padding-top:120px;}
.newsMain .slick-slide{width:10%;}
.newsMain .slick-prev{left: 840px;}
.newsMain .slick-next{left: 930px;}
.newsMain .title{font-size:50px;}

.newsMain.scroll svg text{font-size:60px;}	
}

@media all and (max-width:1200px) {    
.newsMain .slick-slide{width:880px;height:400px;margin-right:35px;}
.newsMain .list li .thumb img{object-fit: cover;min-width:880px;}
.newsMain .title{font-size:37px;}
.newsMain .list li .con{font-size:12px;bottom: 25px;}
.newsMain .list li .con .subjectText{font-size:20px;}
.newsMain .more{width: 38px;height: 38px;top: 5px;font-size:11px;}
.newsMain .hamburger .line{width:38px;height:3px;}	
.newsMain .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-2.5px;}
.newsMain .hamburger .line:nth-child(2){width:3px;height:38px;margin:0 auto;}
.newsMain .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-2.5px;}
.newsMain .hamburger:hover .line:nth-child(1){top:12px;width:25px;transform: translateX(18px) rotate(45deg);}
.newsMain .hamburger:hover .line:nth-child(3){top:29px;width:25px;transform: translateX(18px) rotate(-45deg);}		
}

@media all and (max-width:767px) {
.newsMain{padding-right:25px;} 
.newsMain .title{font-size:40px;text-align: center;}    
.newsMain .container .list > ul{margin-bottom: 0;} 
.newsMain .inner .more{display: block;margin-left: auto;font-size:13px;top: 8px;right: 15px;margin-bottom: 35px;margin-right: -15px;}
.newsMain .inner .more:before{width:34px;height:34px;top: 27px;left: 0px;}
.newsMain .inner .more:after{width:52px;top: -15px;left: 40px;}
.newsMain .slick-slide{width:auto;height:auto;margin-right: auto;}
.newsMain .list li .thumb img{min-width:initial;height: 270px;}
.newsMain .list li .con .subjectText{margin-bottom:10px;font-size:24px;}
.newsMain .list li .con{opacity:1;left: 20px;bottom: 25px;width: 80%;}

.newsMain .inner .more{width:32px;height:32px;top: 8px;}	
.newsMain .hamburger .line{width:32px;height:3px;}	
.newsMain .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-1.5px;}
.newsMain .hamburger .line:nth-child(2){width:3px;height:32px;margin:0 auto;}
.newsMain .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-1.5px;}
.newsMain .hamburger:hover .line:nth-child(1){top:8px;width:22px;transform: translateX(16px) rotate(45deg);}
.newsMain .hamburger:hover .line:nth-child(3){top:23px;width:22px;transform: translateX(16px) rotate(-45deg);}		

.newsMain svg{top:80px;}
.newsMain.scroll svg text{font-size:45px;}	
	@keyframes stroke {
	0%   {
		fill:rgba(255,255,255,0); stroke:#8b0029;
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: .15;
	}
	70%  {fill:rgba(255,255,255,0); stroke:#8b0029; }
	80%  {fill:rgba(255,255,255,0); stroke:#8b0029; stroke-width: .35; }
	100% {
		fill:rgba(255,255,255,0); stroke:#8b0029; 
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: .15;
	}
	}
}


@-webkit-keyframes stroke {
	0%   {
		fill:rgba(255,255,255,0); stroke:#8b0029;
		stroke-dashoffset: 25%; stroke-dasharray: 0 450; stroke-width: .15;
	}
	70%  {fill:rgba(255,255,255,0); stroke:#8b0029; }
	80%  {fill:rgba(255,255,255,0); stroke:#8b0029; stroke-width: .35; }
	100% {
		fill:rgba(255,255,255,0); stroke:#8b0029; 
		stroke-dashoffset: -25%; stroke-dasharray: 450 0; stroke-width: .15;
	}
}