@charset "utf-8";

.wrapDMUnews{height:100%;position:relative;}
.wrapDMUnews h2{color:#000;font-family:'Pre Bold';font-size:48px;line-height:1;padding:50px 60px;background:#f7f7f7;width:100%;}

.wrapDMUnews > ul{position:absolute;right:0px;top:50px;width:100%;padding-right:60px;display:flex;justify-content:flex-end;}
.wrapDMUnews > ul > li{margin-left:-1px;}

.wrapDMUnews .title{}
.wrapDMUnews .title a{color:#707070;font-family:'Pre Bold';font-size:16px;line-height:1.3;text-align:center;background:#FFF;border:1px solid #d9d9d9;width:180px;height:60px;padding:0 15px;display:flex;align-items:center;justify-content:center;}

.wrapDMUnews .list{position:absolute;left:0;top:120px;width:100%;}
/* .wrapDMUnews .list ul{display:flex;justify-content:space-between;flex-wrap:wrap;} */
/* .wrapDMUnews .list ul li{width:24%;} */

.wrapDMUnews .list .nodata{width: 260px;margin-top: 250px;font-size:18px;font-family:'Pre Bold';text-align:center;padding:30px;width:100%;}

.wrapDMUnews a.subject{display:block;background:#F7F7F7;border-radius:5px;transition:0.4s;}

.wrapDMUnews .thumb{overflow:hidden;height:248px;width:100%;border-top-left-radius:5px;border-top-right-radius:5px;}
.wrapDMUnews .thumb img{object-fit:cover;object-position:center;height:100%;width:100%;transition:0.4s;}

.wrapDMUnews .con{padding:45px 30px 60px 30px;height:288px;}

.wrapDMUnews .tabTitle{color:#000;font-family:'Pre Bold';font-size:16px;}
.wrapDMUnews .subjectText{line-height:1.4;margin-top:15px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrapDMUnews .subjectText span{color:#000;font-family:'Pre Bold';font-size:20px;}

.wrapDMUnews .content{display:none;}

.wrapDMUnews .date{color:#707070;font-family:'Pre Medium';font-size:16px;line-height:1;padding-top:70px;}

.wrapDMUnews .more{text-indent:-9999px;position:absolute;right:20px;top:21px;width:27px;height:27px;background:url(../images/more.png) center no-repeat;}

.wrapDMUnews .list {visibility: hidden;opacity: 0;}
.wrapDMUnews .more{display:none;}
.wrapDMUnews > ul > li.active .list{visibility:visible;opacity: 1;}
.wrapDMUnews > ul > li.active .more{display:none;}

.wrapDMUnews a.subject:hover .thumb img{transform:scale(1.1);}

.wrapDMUnews a.subject:hover{}

.wrapDMUnews .slick-list {height: 680px;margin: 0 -10px;}
.wrapDMUnews .slick-slide {margin: 0 10px;border: 1px solid transparent;}
.wrapDMUnews .slick-slide:hover > a {border: 1px solid #000;}
.wrapDMUnews .date span {position: relative;padding: 0 10px;}
.wrapDMUnews .date span:first-child {padding-left: 0;}
.wrapDMUnews .date span::before {content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px;background: #707070;}
.wrapDMUnews .date span:last-child::before {display: none;}

@media all and (min-width:769px){
	.wrapDMUnews .title a:hover,
	.wrapDMUnews > ul > li.active .title a{color:#FFF;background:#000;border-color:#000;}
}
@media only screen and (max-width:1280px){
	.wrapDMUnews .title a{width:140px;}
}
@media only screen and (max-width:768px){
	.wrapDMUnews h2{font-size:24px;padding:20px 20px 60px 20px;}
	.wrapDMUnews > ul{padding:0 0 0 20px;top:70px;justify-content:flex-start;}

	.wrapDMUnews .title a{background:none;border:0;width:unset;height:unset;padding:0;}
	.wrapDMUnews .title a::after{content:"";display:block;width:1px;height:10px;background:#707070;margin:0 15px;}
	.wrapDMUnews > ul > li:last-child .title a::after{display:none;}

	.wrapDMUnews > ul > li.active .title a{color:#000;}

	.wrapDMUnews .list{top:53px;}
	/* .wrapDMUnews .list ul li{width:49%;margin:1% 0;} */
	.wrapDMUnews .thumb{height:160px;}
	.wrapDMUnews .con{padding:30px;height:unset;padding: 20px 16px 24px;}
	.wrapDMUnews .date{padding-top:20px;}
	.wrapDMUnews .slick-list {height: auto;margin-right: -250px;}
	.wrapDMUnews .tabTitle {font-size: 13px;}
	.wrapDMUnews .title a {font-family: 'Pre Medium';}
	.wrapDMUnews .subjectText span {line-height: 24px;font-size: 16px;font-family: 'Pre Regular';}
	.wrapDMUnews .subjectText {margin-top: 8px;}
	.wrapDMUnews .date {padding-top: 40px;font-size: 12px;}
	.wrapDMUnews .date span::before {height: 8px;margin-top: -4px;}
	.wrapDMUnews .list .nodata {transform: translateX(-120px);margin-top: 130px;}
}