@charset "utf-8";

.wrap_news{word-break:break-all;padding:60px 0;background:#eff3f8;}
.wrap_news h2{padding-bottom:50px;font-size:42px;font-family:'Noto Medium';color:#222;line-height:1;}
/*게시판*/
.wrap_news > ul{max-width:1550px;margin: 0 auto;}
.wrap_news > ul > li{position:relative;}
/*타이틀*/
.wrap_news .title{display:none;}
.wrap_news .title a{}
/*목록*/
.wrap_news .list{position:relative;}
.wrap_news .list:before{content:"";display:block;width:100%;height:179px;position:absolute;top:-35px;right:0;background:url(../images/bg_2.png) no-repeat right top;}
.wrap_news .list ul{font-size:0;}
.wrap_news .list ul li{display:inline-block;vertical-align:bottom;position:relative;}
.wrap_news .list ul li:nth-child(1){width:48%;}
.wrap_news .list ul li:nth-child(2){width:24%;margin:0 2%;}
.wrap_news .list ul li:nth-child(3){width:24%;}
/*noData*/
.wrap_news .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*썸네일*/
.wrap_news .thumb{height:360px;}
.wrap_news .thumb img{width:100%;}
/*컨텐츠*/
.wrap_news .con{position:absolute;left:0;bottom:0;width:100%;}
.wrap_news a.subject{display:block;padding:25px;background:rgba(0,0,0,0.5);}
/*제목*/
.wrap_news .subjectText{font-size:24px;color:#FFF;line-height:1.3;font-family:'Noto Medium';height:60px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*내용*/
.wrap_news .content{display:none;}
/*날짜*/
.wrap_news .date{display:none;}
/*더보기*/
.wrap_news a.more{display:block;position:absolute;top:0px;right:0;text-indent:-9999px;width:40px;height:40px;border:1px solid #222;background:url(/sites/style_guide/images/common/plus_3_b.png) center no-repeat;}
/*활성화*/
.wrap_news .list,
.wrap_news a.more{display:none}
.wrap_news > ul > li.active .list,
.wrap_news > ul > li.active a.more{display:block}
.wrap_news > ul > li.active .title a{}

/*첫글*/
@media only screen and (min-width:1551px){
	.wrap_news .list ul li:first-child .thumb{height:720px;}
	.wrap_news .list ul li:first-child .con{left:90%;bottom:auto;top:60px;width:100%;}
	.wrap_news .list ul li:first-child a.subject{padding:60px 40px;background:#FFF;}
	.wrap_news .list ul li:first-child .subjectText{font-size:30px;color:#000;width:100%;white-space:nowrap;}
	.wrap_news .list ul li:first-child .subjectText:after{content:"";display:block;width:0;height:2px;background:#888;margin:10px 0;}
	.wrap_news .list ul li:first-child .content{display:block;font-size:18px;color:#888;line-height:1.5;height:55px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
}
@media only screen and (max-width:1550px){
	.wrap_news > ul{max-width:96%;}
}
@media only screen and (max-width:1550px){
	.wrap_news{padding:30px 0;}
	.wrap_news h2{padding-bottom:25px;font-size:30px;}
	.wrap_news .list:before{top:-75px;background-size:100px;}
	.wrap_news .list ul li:nth-child(1),
	.wrap_news .list ul li:nth-child(2),
	.wrap_news .list ul li:nth-child(3){width:32%;}
	.wrap_news a.subject{padding:20px;}
	.wrap_news .subjectText{font-size:20px;height:55px;}
	.wrap_news a.more{top:0px;width:32px;height:32px;}
	.wrap_news .thumb{height:auto;}
	.wrap_news .con{position:relative;}
}
@media only screen and (max-width:768px){
	.wrap_news h2{font-size:25px;}
	.wrap_news .list ul li:nth-child(1){width:49%;margin-right:1%;}
	.wrap_news .list ul li:nth-child(2){width:49%;margin:0;margin-left:1%;}
	.wrap_news .list ul li:nth-child(3){display:none;}
	.wrap_news a.subject{padding:15px;}
	.wrap_news .subjectText{font-size:18px;height:47px;}
	.wrap_news a.more{border:0;}
}
@media only screen and (max-width:480px){
	.wrap_news .list ul li:nth-child(1){width:100%;margin-right:0;}
	.wrap_news .list ul li:nth-child(2){display:none;}
	.wrap_news .subjectText{height:auto;}
	.wrap_news a.more{top:-6px;}
}

/*HOVER*/
@media only screen and (min-width:1551px){
	.wrap_news .list ul li:nth-child(2):hover,
	.wrap_news .list ul li:nth-child(3):hover{transform:scale(1.05);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_news .list ul li:first-child a.subject:hover .subjectText:after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_news a.more:hover{background-color:rgba(255,255,255,1);}
}