/********** NEWS css **********/
@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

body{
	font-family: 'Noto Sans KR', sans-serif;
	overflow-x: hidden;
	font-size:  15px;
}

.none{
	display:none;
}
.abs{
	position:absolute;
}

.rel{
	position:relative;
}

ul li{
	list-style: none;
}

.clear:after{
	content: "";
	display: block;
	clear: both;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	height: 0;
	width: 0;
	font-size:0;
}
.m_more {display: none;}
.news {
    position: relative;
    margin-top: 103px;
    margin-bottom: 189px; 

}

.news > .news_in  {
    width: 1280px;
    margin: 0 auto;
    padding: 0 50px;
}

.news > .news_in+.news_in {
    margin-top: 130px;
}

.news > .news_in > .title_area {
    position: relative;
    text-align: center;
}



.news > .news_in > .title_area .tit0 {
  position: relative;
  color: #1b2741;
  font-size: 9vw;
  /* font-size: 2.25rem;  */
  z-index: 50;
  font-weight: 700;
  letter-spacing: -0.9px;
}

.news > .news_in > .title_area .desc {
    /*
    margin-top: 25px;    
    font-size: 0.9rem;
    font-weight: 500;
    */
    color: #3d3d3d;
    font-size: 3.5vw;
    font-weight: 500;
    padding-top: 4vw;
}


.news > .news_in > .title_area .link {
    position: absolute;
    top: 50px;
    right: 0;
}

.news > .news_in > .title_area .link a {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url(../img/main/plus_btn.png);
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
}

.news > .news_in > .title_area .link a:hover {
    background: url(../img/main/plus_btn_on.png);

}


.news > .news_in > .content_area {
    margin-top: 60px;
}

.news > .news_in > .content_area .company_info li {
    float: left;
    width: calc((100% - 130px) / 3);
}

.news > .news_in > .content_area .company_info:after {
    display: block;
    clear: both;
    content: '';
}

.news > .news_in > .content_area .company_info li+li {
    margin-left: 65px;
}


.news > .news_in > .content_area .company_info li .tit {
    margin-top: 40px;
    padding: 0 10px;
    color: #323232;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
}

.news > .news_in > .content_area .company_info li .desc {
    margin-top: 15px;
    padding: 0 10px;
    color: #626262;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.news > .news_in > .content_area .pr {
    border-top: 2px solid #727272;
    border-bottom: 1px solid #e9e9e9;
}

.news > .news_in > .content_area .pr li {
    float: left;
    position: relative;
    width: calc(100% / 3);
    padding: 50px 40px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
	cursor:pointer; /* 2021-03-19 */
}

.news > .news_in > .content_area .pr:after {
    display: block;
    clear: both;
    content: '';
}

.news > .news_in > .content_area .pr li .date {
    color: #929292;
    font-size: 15px;
    line-height: 1;


}

.news > .news_in > .content_area .pr li .tit {
    display: -webkit-box;
    overflow: hidden;
    height: 60px;
    margin-top: 20px;
    color: #383838;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 30px;
    transition: all ease .3s;
    transition: all ease .3s;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news > .news_in > .content_area .pr li .desc {
    display: -webkit-box;
    overflow: hidden;
    height: 104px;
    margin-top: 20px;
    color: #6f6f6f;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    transition: all ease .3s;
    transition: all ease .3s;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.news > .news_in > .content_area .pr li .view_detail {
    display: block;
    margin-top: 55px;
    background: url(../img/main/plus_arrow.png);
    color: #323232;
    font-weight: 600;
    font-size: 15px;
    height: 23px;
    letter-spacing: 0px;
    background-repeat: no-repeat;
    background-position: 100% 6px;
}

.news > .news_in > .content_area .pr li+li:before {
    display: inline-block;
    position: Absolute;
    top: 60px;
    width: 1px;
    height: 300px;
    background: #dbdbdb;
    content: '';
    lefT: 0;

}

.news > .news_in > .content_area .pr li+li:hover:before {
	display: inline-block;
    position: Absolute;
    top: 60px;
    width: 1px;
    height: 300px;
    background: #005bac;
    content: '';
    lefT: 0;
}

.news > .news_in > .content_area .pr li:hover .view_detail {
    background: url(../img/main/plus_arrow_on.png);
    background-repeat: no-repeat;
    background-position: 100% 6px;


}

.news > .news_in > .content_area .pr li:hover {
    background: #005bac;
}

.news > .news_in > .content_area .pr li:hover * {
    color: #ffffff;
}

/********** NEWS css 끝**********/


@media screen and (max-width:720px) { 
    .news > .news_in > .title_area img {display: inline-block;}
    .news { padding: 14vw 0; background: #f0f0f0; margin-top: 0; margin-bottom:0; }
	.news > .news_in {width: 100%; box-sizing: border-box; padding: 0 7%; background: #f0f0f0}
	.news > .news_in > .content_area {margin-top: 30px;}
	.news > .news_in > .title_area .link {display: none;}
	.news > .news_in > .content_area .pr {border: 0;}
	.news > .news_in > .content_area .pr li+li:before {display: none;}
	.news > .news_in > .content_area .pr li+li:hover:before {display: none;}
	.news > .news_in > .content_area .pr li {float: none; width: 100%; padding: 7% 9%; border: 1px solid #c8c8c8; margin-bottom: 6%; background: #ffffff;}
	.news > .news_in > .content_area .pr li .view_detail {display: none;}
	.news > .news_in > .content_area .pr li .desc { word-wrap: break-word; line-height: 22px; height: 4.2em; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 1.0em;}
    .m_more {display: block; width: 100%;}
    .m_more a {position: relative; display: block; height: 60px; line-height: 58px; border: 1px solid #c8c8c8; background: #ffffff; background-size: 16px; font-weight: bold; text-align: center; font-size: 1.15em;}
    .m_more a img {position: absolute; top: 21px; right: 40%; width: 16px; margin-right: -10px;}
}