@charset "utf-8";

/*타이틀*/
.wrapDMUnoti{height:100%;background:#3445eb;border-radius:5px;}
.wrapDMUnoti h2{color:#FFF;font-family:'Pre Bold';font-size:16px;line-height:1;padding:28px 25px;border-bottom:1px solid rgba(255,255,255,0.3);}

/*게시판*/
.wrapDMUnoti > ul{}
.wrapDMUnoti > ul > li{}

/*탭*/
.wrapDMUnoti .title{display:none;}

/*목록*/
.wrapDMUnoti .list{padding:14px 16px 24px 16px;}
.wrapDMUnoti .list ul{}
.wrapDMUnoti .list ul li{ margin-bottom: 16px;}
.wrapDMUnoti .list ul li:last-child {margin-bottom: 0;}
/*noData*/
.wrapDMUnoti .list .nodata{font-size:18px;text-align:center;padding:30px;width:100%;}

/*썸네일*/
.wrapDMUnoti .thumb{display:none;}

/*컨텐츠*/
.wrapDMUnoti .con{}
.wrapDMUnoti a.subject{display:block;padding:12px 16px 17px 16px;border-bottom:1px solid rgba(255,255,255,0.3);transition: background 0.4s;}
.wrapDMUnoti a.subject:hover{background:#2822E9; border-bottom:1px solid transparent; border-radius:4px;}
/*.wrapDMUnoti .list ul li:last-child a.subject{border-bottom:0;}*/

/*제목*/
.wrapDMUnoti .subjectText{color:#fff; line-height:1.4;white-space:normal; height: 56px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrapDMUnoti .subjectText span{color:#FFF;font-family:'Pre Bold';font-size:20px;}

/*내용*/
.wrapDMUnoti .content{display:none;}

/*날짜*/
.wrapDMUnoti .date{color:rgba(255,255,255,1);font-family:'Pre Medium';font-size:14px;line-height:1;padding-top:10px;}

/*더보기*/
.wrapDMUnoti .more{text-indent:-9999px;position:absolute;right:20px;top:21px;width:27px;height:27px;/* background:url(../images/more.png) center no-repeat; */}
.wrapDMUnoti .more svg {position: absolute; top: 0; left: 0; fill: #FFF;}

/*활성화*/
.wrapDMUnoti .list,
.wrapDMUnoti .more{display:none}
.wrapDMUnoti > ul > li.active .list{display:block}
.wrapDMUnoti > ul > li.active .more{display:block}

/*CONTROL*/
.wrapDMUnoti .paging,
.wrapDMUnoti .numbering,
.wrapDMUnoti .play,
.wrapDMUnoti .stop,
.wrapDMUnoti .prev,
.wrapDMUnoti .next{display:none;}
.wrapDMUnoti .paging{padding-bottom:25px;}
.wrapDMUnoti .paging ul{display:flex;align-items:center;justify-content:center;}
.wrapDMUnoti .paging li{margin:0 5px;}
.wrapDMUnoti .paging button{display:block;font-size:0;width:6px;height:6px;background:rgba(255,255,255,0.3);border-radius:100%;}
.wrapDMUnoti .paging li.slick-active button{background:rgba(255,255,255,1);}

@media only screen and (min-width:769px){
	.wrapDMUnoti .list ul li{ width: 100% !important;}
}
@media only screen and (max-width:768px){
	.wrapDMUnoti > ul {height: 93px;}
	.wrapDMUnoti a.subject{padding: 8px 12px 8px 12px;border-bottom:0;}
	.wrapDMUnoti .paging{display:block;padding-bottom: 16px;}
	.wrapDMUnoti h2 {padding: 23px 20px;font-size: 18px;}	
	.wrapDMUnoti .list {padding: 5px 10px 0px 10px;}
	.wrapDMUnoti .subjectText {height: 45px;}
	.wrapDMUnoti .subjectText span {font-size: 18px;line-height: 22px;}
	.wrapDMUnoti .date {padding-top:7px;font-size: 14px;}
	.wrapDMUnoti .more {top: 18px;right: 13px;}
	.wrapDMUnoti .paging li {margin: 0 7px;}
	.wrapDMUnoti .more svg {width: 24px;}
}