@charset "utf-8";

/*전체감싸기*/
.wrap-notice{position:relative;word-break:break-all;background:#fff;padding:20px 0px; margin-top:10px; min-height:302px;height:302px;}
.wrap-notice h2{display: block;
    font-size: 1.8rem;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom: 1px solid #255878;
    font-family: 'hufs_M';
    letter-spacing: -0.9px;}
/*게시판*/
.wrap-notice > ul{word-break:break-all;}
.wrap-notice > ul > li{}
/*탭*/
.wrap-notice .title{display:none;}
/*목록*/
.wrap-notice .list{}
.wrap-notice .list ul{}
.wrap-notice .list ul li{}

/*noData*/
.wrap-notice .nodata{font-size:18px;text-align:center;padding:60px 0;width:100%;color:#666;}
/*링크*/
.wrap-notice .subject{display:block;color:#333;line-height:1.5;}
/*썸네일*/
.wrap-notice .thumb{display:none}
.wrap-notice .thumb img{}
/*감싸기*/
.wrap-notice .con{padding:5px 0 5px 15px;position:relative; margin-left:10px;}


.wrap-notice .con:before{content:"";display:block;width:4px;height:4px;background:#036;position:absolute;left:3px;top:16px;border-radius:50%;}
/*카테고리*/
.wrap-notice .cate{display:none;}
/*제목*/
.wrap-notice .subjectText{display:block;font-size:1.1rem;width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333 !important;}
.wrap-notice .subjectText:hover{color:#0484c5 !important;}
/*내용*/
.wrap-notice .content{display:none;}
/*날짜*/
.wrap-notice .date{position: absolute;
    top:10px;
    right: 10px;
    color: #ccc;
    font-size: 0.8rem;}
.wrap-notice .date i{font-style:normal;}
.wrap-notice .date em{font-style:normal;}
.wrap-notice .date .dD,.wrap-notice .date .yM{display:none;}
/*더보기*/
.wrap-notice a.more{display:block;text-indent:-9999px;width:28px;height:28px;background:url(http://dep.hufs.ac.kr/sites/election/images/main/plus_4_w.png) center no-repeat;position:absolute;right:8px;margin-top:20px;border: 1px solid #ccc;}
/*활성화*/
.wrap-notice > ul > li .list,
.wrap-notice a.more{display:none; margin-bottom:5px;}
.wrap-notice > ul > li.active .list,
.wrap-notice > ul > li.active a.more{display:block}

@media only screen and (min-width:1025px){
	.wrap-notice a:hover .subjectText{text-decoration:none;}
	.wrap-notice a.more:hover{transform:rotate(90deg);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media only screen and (min-width:0px){
	/*첫글*/

	.wrap-notice .list ul li:first-child{margin-bottom:5px; border-bottom:1px dotted #ccc;}
	.wrap-notice .list ul li:first-child .con{padding-left:90px; height:110px!important;}
	.wrap-notice .list ul li:first-child .con:before{width: 61px;
    height: 64px !important;
    background: url(http://dep.hufs.ac.kr/sites/hufssafety/images/data.png) center no-repeat;
    left: 15px;
    top: 20px;
    /* background-color: #FFF !important; */
    border-radius: 0;}
	.wrap-notice .list ul li:first-child .subjectText{font-size: 1.2rem;
    width: 100%; color: #333;
    padding-top: 15px;
    padding-left: 0px;
    font-weight: 500;}
	.wrap-notice .list ul li:first-child .content{display: block;
    font-size: 0.9rem;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding-top: 10px;
    line-height: 1.32;
    color: #333;
    font-weight: 400;
    width: 95%;}
	.wrap-notice .list ul li:first-child .date{display:none;}
	.wrap-notice a.more{top:15px;}
	
}