@charset "utf-8";

.wrap_jjnewnotice{word-break:break-all;height:100%;}

/*게시판*/
.wrap_jjnewnotice > ul{display:flex;justify-content:flex-end;align-contents:center;margin:-48px 60px 0 0;}
.wrap_jjnewnotice > ul > li{}
/*타이틀*/
.wrap_jjnewnotice .title{}
.wrap_jjnewnotice .title a{display:inline-block;font-size:22px;color:#848484;line-height:1;margin-left:20px;}
.wrap_jjnewnotice .title a:before{content:"● ● ●";display:block;font-size:6px;color:transparent;text-align:center;margin-bottom:10px;}
.wrap_jjnewnotice > ul > li.active .title a{color:#000;font-weight:500;}
.wrap_jjnewnotice > ul > li.active .title a:before{color:#00a2ff !important;}
/*목록*/
.wrap_jjnewnotice .list{position:absolute;top:70px;left:0;width:100%;}
.wrap_jjnewnotice .list ul{display:flex;justify-content:flex-start;align-contents:flex-start;flex-wrap:wrap;}
.wrap_jjnewnotice .list ul li{width:100%;border-bottom:1px solid #DDD;padding-bottom:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}
/*noData*/
.wrap_jjnewnotice .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%;}
/*썸네일*/
.wrap_jjnewnotice .thumb{width:250px;height:160px;}
.wrap_jjnewnotice .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;}
/*컨텐츠*/
.wrap_jjnewnotice .con{width:calc(100% - 280px);}
.wrap_jjnewnotice a.subject{display:block;position:relative;}
/*제목*/
.wrap_jjnewnotice .subjectText{line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wrap_jjnewnotice .subjectText span{font-size:18px;color:#222;font-family:'Noto Regular';}
/*내용*/
.wrap_jjnewnotice .content{font-size:16px;color:#666;line-height:1.5;margin-top:15px;width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/*날짜*/
.wrap_jjnewnotice .date{font-size:14px;line-height:1;color:#666;font-family:'Noto Light';margin-top:10px;}

/*더보기*/
.wrap_jjnewnotice .more{display:block;text-indent:-9999px;position:absolute;right:0;top:21px;width:30px;height:30px;background:url(/sites/style_guide/images/common/plus_3_b.png) center no-repeat;}
/*활성화*/
.wrap_jjnewnotice .list,
.wrap_jjnewnotice .more{display:none}
.wrap_jjnewnotice > ul > li.active .list,
.wrap_jjnewnotice > ul > li.active .more{display:block}

@media only screen and (max-width:1024px){
	.wrap_jjnewnotice .title a{font-size:18px;}
	.wrap_jjnewnotice .more{top:14px;}
}
@media only screen and (max-width:768px){
	.wrap_jjnewnotice .thumb{width:150px;height:110px;}
	.wrap_jjnewnotice .con{width:calc(100% - 170px);}
	.wrap_jjnewnotice .more{right:0;top:unset;bottom:0;width:100%;}
}
@media only screen and (max-width:420px){
	.wrap_jjnewnotice .title{margin-right:2px;}
	.wrap_jjnewnotice .list{top:100px;}
}

/*HOVER****************************************/
@media only screen and (min-width:1281px){
	.wrap_jjnewnotice > ul > li .title a:hover:before{color:#DDD;}
	.wrap_jjnewnotice .list ul li:hover{border-color:#00a2ff;}
	.wrap_jjnewnotice a.subject:hover .subjectText span{color:#00a2ff;}
}