@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%; height: 200px;}
/*컨텐츠*/
.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 .thumb img{height:400px;}
	.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);}
}

.wrap_news .newsFigure{
	position:relative;
	margin:0;
	padding:0;
}

/* 기본: 2번째 이후 */
.wrap_news .thumbLink{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:240px;
	overflow:hidden;
	background:#fff;
}

.wrap_news .thumbLink img{
	display:block;
	width:100%;
	height:100%;
}

/* 첫 번째 게시물 */
.wrap_news .newsFigure.first .thumbLink{
	height:100%;
}

/* 기본 카드 - 2, 3번째 */
.wrap_news .newsFigure .con{
	position:relative;
	width:100%;
}

.wrap_news .newsFigure .subject{
	display:block;
	background:rgba(0,0,0,0.5);
}

.wrap_news .newsFigure .subjectText{
	font-size:24px;
	line-height:1.3;
	color:#fff;
	font-family:'Noto Medium';
}

@media only screen and (min-width:1551px){

	.wrap_news .newsFigure.first .con{
		position:absolute;
		left:90%;
		top:60px;
		bottom:auto;
		width:100%;
		z-index:2;
	}

	.wrap_news .newsFigure.first .subject{
		padding:60px 40px;
		background:#fff;
	}

	.wrap_news .newsFigure.first .subjectText{
		font-size:30px;
		color:#000;
		white-space:nowrap;
	}

	.wrap_news .newsFigure.first .content{
		display:block;
		font-size:18px;
		color:#888;
		line-height:1.5;
		height:55px;
		overflow:hidden;
	}
}

@media only screen and (min-width:1551px){

	.wrap_news .list ul li{
		vertical-align:top;
	}

	.wrap_news .list ul li:nth-child(2){
		width:24%;
		margin:450px 2% 0;
	}

	.wrap_news .list ul li:nth-child(3){
		width:24%;
		margin-top:450px;
	}

}