@charset "utf-8";

/* 학과별 컬러 */
.page4454 .wrapDMUnoti, 
.page4467 .wrapDMUnoti { background: #00CD86; }
.page4480 .wrapDMUnoti,
.page4495 .wrapDMUnoti { background: #00baf8; }
.page4511 .wrapDMUnoti,
.page4523 .wrapDMUnoti,
.page4536 .wrapDMUnoti,
.page4550 .wrapDMUnoti { background: #e4e200; }
.page4561 .wrapDMUnoti,
.page4573 .wrapDMUnoti,
.page4586 .wrapDMUnoti { background: #b39cfd; }
.page4598 .wrapDMUnoti,
.page4610 .wrapDMUnoti,
.page4622 .wrapDMUnoti,
.page4636 .wrapDMUnoti,
.page4647 .wrapDMUnoti,
.page4659 .wrapDMUnoti { background:  #ff7eba; }
.page4670 .wrapDMUnoti,
.page4680 .wrapDMUnoti,
.page4690 .wrapDMUnoti,
.page4701 .wrapDMUnoti,
.page4712 .wrapDMUnoti,
.page4722 .wrapDMUnoti { background: #d3a05f; }
.page4733 .wrapDMUnoti { background: #d44583; }
.page4741 .wrapDMUnoti { background: #bdc3c6; }



/* 자유전공학과 폰트 컬러 화이트 */
.page4733 .wrapDMUnoti h2 { color: #FFF; border-color: rgba(255,255,255,.3); }
.page4733 .wrapDMUnoti .list .nodata { color: #FFF; }
.page4733 .wrapDMUnoti a.subject { border-color: rgba(255,255,255,.3); }
.page4733 .wrapDMUnoti a.subject .subjectText span { color: #FFF; }
.page4733 .wrapDMUnoti a.subject .date { color: rgba(255,255,255,.6); }
.page4733 .wrapDMUnoti .dots-wrap.c1 .slick-dots li { background: #FFF; }
.page4733 .wrapDMUnoti .more svg { fill: #FFF; }

/* 타이틀 */
.wrapDMUnoti { height: 100%; background:#F1EEE9; border-radius: 4px; } 
.wrapDMUnoti h2 { font-family: 'Pre Bold'; font-size: 16px; line-height: 1; padding: 28.5px 25px; border-bottom: 1px solid rgba(0,0,0,.3); } 

/* 게시판 */
.wrapDMUnoti > ul { } 
.wrapDMUnoti > ul > li { } 

/* 탭 */
.wrapDMUnoti .title { display: none; } 

/* 목록 */
.wrapDMUnoti .list { padding: 9px 16px 29px; } 
.wrapDMUnoti .list ul { } 
.wrapDMUnoti .list ul li:not(:last-child) { margin-bottom: 16px; } 

/* noData */
.wrapDMUnoti .list .nodata { margin-top: 130px; font-size: 18px; text-align: center; padding: 30px; width: 100%; } 

/* 썸네일 */
.wrapDMUnoti .thumb { display: none; } 

/* 컨텐츠 */
.wrapDMUnoti .con { } 
.wrapDMUnoti a.subject { padding: 12px 16px; border-bottom: 1px solid rgba(0,0,0,.2); transition: .4s; display: flex; flex-direction: column; height: 112px; justify-content: space-between; } 

.wrapDMUnoti a.subject .subjectText { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } 
.wrapDMUnoti a.subject .subjectText > span { background: linear-gradient(to bottom, transparent 96%, rgba(0, 0, 0) 0%) left center no-repeat; background-size: 0; transition: background-size .5s; color: #000; font-family: 'Pre Bold'; font-size: 20px; } 
.wrapDMUnoti a.subject:hover .subjectText > span { background-size: 100% auto; } 

.wrapDMUnoti .dots-wrap { display: none; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); } 
.wrapDMUnoti .dots-wrap .slick-dots { display: flex; } 
.wrapDMUnoti .dots-wrap .slick-dots li { width: 7px; height: 7px; margin: 0 12px 0 0; border-radius: 50%; opacity: 30%; text-indent: -9999px; cursor: pointer; } 
.wrapDMUnoti .dots-wrap .slick-dots li:last-child { margin: 0 !important; } 
.wrapDMUnoti .dots-wrap .slick-dots li.slick-active { opacity: 1; } 

.wrapDMUnoti .dots-wrap.c1 .slick-dots li { background: #000; } 
.wrapDMUnoti .dots-wrap.c2 .slick-dots li { background: #fff; } 
@media (max-width: 768px){
 .wrapDMUnoti .dots-wrap { display: block; } 
 .wrapDMUnoti a.subject { border-bottom: 0; } 
 }

/* 제목 */
.wrapDMUnoti .subjectText { line-height: 1.4; } 
.wrapDMUnoti .subjectText span:hover { max-width: 100%; padding: 0; } 

/*내용*/
.wrapDMUnoti .content { display: none; } 

/*날짜*/
.wrapDMUnoti .date { color: rgba(0,0,0,.6); 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; } 
.wrapDMUnoti .more svg { position: absolute; left: 0; top: 0; fill: #000; } 

/*활성화*/
.wrapDMUnoti .list,
.wrapDMUnoti .more { display: none; } 
.wrapDMUnoti > ul > li.active .list { display: block; } 
.wrapDMUnoti > ul > li.active .more { display: block; } 

@media (max-width: 1280px){
 .wrapDMUnoti { margin-bottom: 12px; } 
 .wrapDMUnoti .list .nodata {margin-top: 20px;}
 }
@media (max-width: 500px){
 .wrapDMUnoti h2 { padding: 20px 22px 18px; font-size: 17px; } 
 .wrapDMUnoti .more svg { left: 8px; top: -7px; width: 24px; } 
 .wrapDMUnoti .subjectText span { font-size: 17px; } 
 .wrapDMUnoti .list { padding: 11px 16px 17px; } 
 .info-color-box p { position: relative; } 
 .wrapDMUnoti .list .nodata {margin-top: 10px;}
 }