@charset "utf-8";

/********************************************************************************************************
  솔루션
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  공통
-------------------------------------------------------------------------------*/
.news-wrap {}

/* 페이지 헤더 */
.news-wrap .page-header { background-image: url('../img/reference/bg_main05_1_n.jpg'); }
.n-history-box {text-align: center; width:100%; background-color: #212121; color:#fff; font-family: 'pretendard';}
.proten-news-wrap{
	background-image:url("../img/news/bg-news-img.jpg");
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover;
	max-width:100%;
	height:570px;
	display:flex;
	align-items: center;
    justify-content: center;
}
.proten-news-box{width: 100%; display: flex; align-items: center;}
.proten-news-tit-box{width:100%; display:flex; flex-direction: column; align-items: center;}
.proten-news-tit{
	background-image:url("../img/news/news-tit-img.png");
	background-repeat: no-repeat; 
	background-position: center center; 
	width:100%;
	height:151px;
	display:block;
}

/*------------------------------------------------------------------------------
  비즈웰 갤러리
-------------------------------------------------------------------------------*/
/* 본문 */
.news-wrap .gallery .board-box.read li.tbody .textarea-wrap { max-width: 940px; padding-left: 0; padding-right: 0; }

/*------------------------------------------------------------------------------
  수주 소식
-------------------------------------------------------------------------------*/
/* 본문 */
.news-wrap .news .board-box.list .tr a:hover { background-color: #f6f6f6; }
.news-wrap .news .board-box.list .tr a:hover .title { font-weight: bold; }
.news-wrap .news .board-box.list .tr .logo { width: 250px; }
@media screen and (min-width: 1600px) {
	.proten-news-wrap {height: 800px;}
}

@media screen and (max-width: 1024px) {
	.news-wrap .news .board-box.list .tr .logo { width: 220px; padding: 0 20px; }
	.proten-news-wrap{height:570px;}
}

@media screen and (max-width: 768px) {
	.proten-news-wrap{height:500px;}
}

@media screen and (max-width: 540px) {
	.proten-news-tit{background-size: 98%;}
}