
/* 멀티게시판    ================================================================================== */ 
.news_item									{width:100%;  }
.news_item li									{ position:relative; overflow:hidden;  border-bottom:1px solid #e5e5e5;  } 
.news_item li a								{ display:block;padding:33px 0  ; display: flex;  gap:45px; } 
.news_item li:after						{position:absolute;content:'';right:20px;top:41px;width:51px;height:51px; background:url('./news_arrow.png') no-repeat 0 50%; border-radius:50%;border:1px solid #aaa;  cursor:pointer; transition:all 0.3s ease;}
.news_item li:last-child					{border-bottom:0;}
 
.news_item .date							{ width:90px;padding:5px 0 0 0; text-align:center;line-height:1.6; font-family: 'GmarketSansMedium'; font-style:normal; color:#636262; font-size:0.95em; }
.news_item .date p						{font-family: 'GmarketSansBold'; line-height:1.1; color:#be1824; font-size:1.9rem; } 
.news_item .cont							{flex:2; }
.news_item .cont .txt01			{  width:85%; font-size:1.25em;font-weight:500; letter-spacing:-1px;color:#000; margin-bottom:10px; height:30px; overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.news_item .cont .txt02				{  width:85%;color:#777;font-size:1.05em;  line-height:150%; letter-spacing:-1px; height:25px; overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; }
 
.news_item li:hover:after				{background:url('./news_arrow.png') no-repeat -52px 50% #be1824;  border:1px solid #be1824; }  

 
.news_item .nolist							{text-align:center; border-bottom:1px solid #ddd; line-height:355px;width:100%;  color:#797979;}
   
/* 멀티게시판    ================================================================================== */


@media screen and (max-width:1024px) {
.news_item li a									{  padding:25px 0  ;   gap:30px; } 
.news_item li:after						{right:20px;}
.news_item li:after						{display:none;} 
.news_item .cont .txt01			{font-size:1.1em;width:100%;  height:25px; }
.news_item .cont .txt02				{font-size:1em;width:100%; height:22px;}
}

@media screen and (max-width:800px) { 
.news_item li a									{  grid-template-columns:80px auto;  } 
.news_item .date p						{font-size:1.7em; }
}

@media screen and (max-width:560px) { 
.news_item li a									{  padding:20px 0  ;   gap:10px; } 
.news_item .date							{width:70px; padding:7px 0 0 0;  font-size:0.9em;  }
.news_item .date p						{font-size:1.5em; }
.news_item .cont .txt01			{font-size:1em;margin-bottom:5px; }
}