.news_cont section {padding-top: 95px;margin-bottom:90px;}
.subTit {position: relative; margin-bottom: 70px;}
.subTit:before {content: ''; position: absolute; left: 0; top: -31px; width: 11px; height: 11px; border: 3px solid var(--logo-color1); box-sizing: border-box; background: transparent;}
.subTit h3 {font-size: 55px; color: #111; font-weight: 500; text-transform: uppercase; overflow: hidden;}
.subTit h3.tit-1 { font-size: 28px;}
.subTit h3 > span {display: block;} 

/* ==================
			news
================== */
#news .cnt1 {/*display: flex;*/display:none !important; align-items: center; justify-content: space-between;}	
#news .cnt1 .tab {}
#news .cnt1 .tab ul {display: flex; }
#news .cnt1 .tab ul li {border-radius: 20px; }
#news .cnt1 .tab ul li a {padding: 8px 15px 9px; box-sizing: border-box; display: block; width: 100%; height: 100%; font-size: 17px; color: #c0c0c0; font-family: 'Pretendard';}
#news .cnt1 .tab ul li:hover {background: var(--logo-color1);}
#news .cnt1 .tab ul li:hover a {color: #fff;}

#news .searchBox {}
#news .searchBox > form {display: flex; align-items: center; }
#news .searchBox select {font-size: 17px; width: 100px; color: #111; background-image: url('/img/sub/down-arrow_black.png'); background-repeat: no-repeat; background-position: 88% center;}
#news .searchBox input {
    display: inline-block;
    width: 200px;
    height: 45px;
    font-size: 15px;
    border: none;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0 15px;
    border-radius: 0;
    box-sizing: border-box; 
    font-weight: 300;
}
#news .searchBox input {width: 223px; margin: 0 15px; color: #111; font-weight: 400;}
#news .searchBox input::placeholder {font-size: 17px; color: #cecece; font-weight: 300;}
#news .searchBox .search-btn {}
#news .searchBox .form-control:focus {border: none; outline: 0; box-shadow: initial; }

#news .listBox {margin-top: 65px;margin-bottom:80px;}
#news .listBox ul {display: flex; flex-wrap: wrap; gap: 50px 33px;}
#news .listBox ul li {width: calc(25% - 25px); position: relative; padding-bottom: 31%;}
#news .listBox ul li > a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#news .listBox ul li .bg {position: relative; width: 100%; height: 100%;border-radius:10px;overflow:hidden;}
#news .listBox ul li .bg:before {content: ''; position: absolute; bottom: 0 ; left: 0; background: linear-gradient(0deg, rgb(0 0 0 / 30%) 0%, rgba(8,19,67,0) 100%); width: 100%; height: 70%; z-index: 1; transition: 0.4s;}
#news .listBox ul li .bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#news .listBox ul li .txtBox {position: absolute; top: 0; left: 0; padding: 0 40px 20px 40px; width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end; z-index: 2;}
#news .listBox ul li .txtBox1{
position: absolute;
top: 0;
left: 0;
padding: 0 10px 45px 10px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
/* align-items: flex-start; */
flex-direction: column;
justify-content: center;
z-index: 2;
}
#news .listBox ul li .txtBox .s-txt {font-size: 16px;   color: #fff;}
			
#news .listBox ul li .txtBox p {font-size: 23px; font-weight: 500; line-height: 32.5px; height:65px;  color: #fff; margin: 14px 0 32px;    box-sizing: content-box;
    word-wrap: normal;
    word-break: initial;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;	
	}
#news .listBox ul li .txtBox .date {font-size: 16px; color: rgba(255, 255, 255, 0.7);}


#news .listBox ul li.no-img .bg:before {opacity: 0;}
#news .listBox ul li.no-img .txtBox .s-txt {color: var(--logo-color1);}
#news .listBox ul li.no-img .txtBox p {color: #111;}
#news .listBox ul li.no-img .txtBox .date {color: rgba(51, 51, 51, 0.7);}

#news .listBox ul li:hover .bg:before {height: 100%; background: var(--logo-color1); opacity: 0.8; }
#news .listBox ul li:hover .txtBox .s-txt {color: #fff;}
#news .listBox ul li:hover .txtBox p {color: #fff;}
#news .listBox ul li:hover .txtBox .date {color: rgba(255, 255, 255, 0.7);}


#news .view-box * {  box-sizing: border-box; }
#news .view-box .title-box { text-align:center; border-top:1px solid #1560ae; background-color:#f6f6f6; padding:52px 20px; }
#news .view-box .title-box p { font-size: 23px; color: #111; font-weight: 600; }
#news .view-box .title-box .date { display:block; margin-top:14px; color:#777777; font-size:16px; font-weight:400;}
#news .view-box .view-cont { min-height:150px; padding:60px 65px 100px 65px; color:#333; font-size:18px; font-weight:300; line-height:1.5; }
#news .view-box .pn-box { border-top:1px solid #ededed; }
#news .view-box .pn-box li { border-bottom:1px solid #ededed; display:flex; }
#news .view-box .pn-box li strong { width:135px; height:65px; text-align:center; font-size: 16px; color: #111; font-weight: 600; background-color:#f6f6f6; display:flex; justify-content:center; align-items:center; }
#news .view-box .pn-box li span { width:calc(100% - 135px); display:flex; align-items:center; padding:0 35px;}
#news .view-box .pn-box li a { color:#555; font-size:16px; font-weight:300; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
#news .view-box .btnBox {margin-top: 138px;}
#news .view-box .btnBox a {display: inline-block; width: 181px; height: 67px; border-radius: 35px; background: var(--logo-color1); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto;}


.news-more {
    margin: 10px auto;
    text-align: center;
}
.news-more .btn-more {
    display: inline-block;
    width: 400px;
    height: 80px;
    line-height: 80px;
    background: #d8d8d8;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #3a4649;
    font-size: 20px;
    cursor: pointer;
}

@media (max-width: 1533px) {
	#news .listBox ul li .txtBox p {font-size: 20px;line-height:23px;height:46px;margin:14px 0 20px;}
}
@media (max-width: 1400px) {
    #news .listBox ul li {padding-bottom: 33%;}
	#news .listBox ul li .txtBox {padding: 0 15px 30px 20px;}
}
@media (max-width: 1200px) {
    #news .listBox ul li {
        width: calc(33.333% - 22px);
        padding-bottom: 43%;
    }
}    
@media (max-width: 1024px) {
/*   .news_cont section {padding-top: 55px;} */
}

@media (max-width: 960px) {
	/* sub */
	#news .listBox ul {gap: 40px 20px;}
	#news .listBox ul li {width: calc(33.333% - 14px); padding-bottom: 47%;}
	#news .listBox ul li .txtBox p {font-size: 21px;}
}    
@media (max-width: 767px) {
    .subTit h3{font-size:32px;}
	#news .cnt1 {flex-direction: column; align-items: flex-start; gap: 30px;}
	#news .searchBox {width: 100%;}
	#news .searchBox select {width: 20%;}
	#news .searchBox input {width: 70%;}
	#news .listBox ul {gap: 30px 20px;}
	#news .listBox ul li {width: calc(50% - 10px); padding-bottom: 70%;}
	#news .listBox ul li .txtBox {padding: 0 12px 20px 15px;}
	#news .listBox ul li .txtBox .s-txt,
	#news .listBox ul li .txtBox .date {font-size: 15px;}
	#news .listBox ul li .txtBox p {margin: 13px 0 20px; font-size: 18px;}
	
	.news-more .btn-more {width:320px;height:60px;line-height:60px;font-size:18px;}
}    
@media screen and (max-width: 500px) {
    /*.news_cont section {padding-top: 35px;} */
}