
/* 멀티게시판    ================================================================================== */
.news_mtab									{ position:relative;   border-bottom:2px solid #d9d9d9;  display:flex; gap:20px; }
.news_mtab li								{  text-align:center; cursor:pointer;} 
.news_mtab li a								{ position:relative;  display:block; color:#909090; padding:10px 10px 20px 10px; font-size:1.5em; font-family: 'Paperlogy';  font-weight:700;   line-height:1; } 
.news_mtab .on a							{ color:#000; font-size:1.6em;  } 
.news_mtab .on a::before              { position:absolute; content:''; left:0; bottom:-2px; width:100%; height:4px;background:var(--color1); z-index:11;}
.news_mtab .more						{display:block; position:absolute; right:0; top:10px; width:34px; height:34px; border:1px solid #e5e5e5; border-radius:50px; cursor:pointer;  }
.news_mtab .more:after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#909090;}
.news_mtab .more:before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:14px; background:#909090;}
.news_mtab .more:hover				{ }
.news_mtab .more:hover:after,
.news_mtab .more:hover:before		{background:var(--color1);}






.news_item								{width:100%; }
.news_item .top						{overflow:hidden; padding:20px 0  ; border-bottom:1px solid #ddd;}
.news_item .date						{float:left; width:100px;  text-align:center;line-height:1.3em;  font-weight:700; font-style:normal; color:#5f5f5f; font-size:0.9em; padding-top:10px;}
.news_item .date b					{display:block;font-weight:800;  color:var(--color1);  font-size:3em;letter-spacing:-1px;padding-bottom:12px; } 
.news_item dl							{padding:0 0 0 110px;}
.news_item dl dt						{font-size:1.1em;   font-weight:700; color:#000; padding:5px 0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.news_item dl dd						{color:#666;   overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word; }
.news_item ul							{overflow:hidden;width:100%;   padding-top:18px  ;}
.news_item ul li							{ position:relative;   } 
.news_item ul a							{position:relative;   padding:6px 5px 6px 15px; line-height:28px; display:flex;flex-flow:wrap;justify-content: space-between; gap:15px; } 
.news_item ul a::before           {position:absolute; content:''; left:4px;top:16px; width:3px; height:3px; background:#777; border-radius:3px; }
.news_item li .cate				{position:relative; display:inline-block; border:1px solid var(--color1); border-radius:50px; padding:0 8px; text-align:center; min-width:60px;   color: var(--color1); font-size:0.85em; font-weight:500; }
.news_item li .cate2				{border-color:var(--color3);color:var(--color3); }

.news_item li p						{position:relative; flex:2; color:#000;font-size:1.05em;  overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item li time				    {position:relative; width:110px;text-align:right; font-style:normal;  color:#999; font-size:1em;  }



.news_item .nolist					{text-align:center; border:0; line-height:90px; }

   
/* 멀티게시판    ================================================================================== */

@media screen and (max-width:1024px) { 
    .news_mtab									{  gap:10px; }
    .news_mtab li a								{  padding:0 10px 18px 10px; font-size:1.4em;    } 
    .news_mtab .on a							{   font-size:1.5em;  } 
    .news_mtab .more						{  top:-5px; }  
  
    .news_item ul							{ padding-top:15px  ;} 
}
@media screen and (max-width:768px) {      
    .news_mtab li a								{  padding:0 6px 15px 6px; font-size:1.35em;   } 
    .news_mtab .on a							{   font-size:1.45em;  } 

    .news_item .top						{ padding:15px 0;  }
    .news_item .date						{ width:80px; font-size:0.85em;  }
    .news_item .date b					{ padding-bottom:10px; } 
    .news_item dl							{padding:0 0 0 90px;}
    .news_item dl dt						{font-size:1.05em;  padding:0 0 5px 0; }
    .news_item ul a							{ padding:6px 0 6px 12px;  gap:12px; line-height:26px; font-size:0.95em; }
    .news_item ul a::before           { left:2px;top:16px; }
    .news_item li time				        {  width:100px; } 

    .news_item .nolist					    {  line-height:70px; }
 
}
@media screen and (max-width:580px) {  
    .news_mtab li a								{   font-size:1.25em;   } 
    .news_mtab .on a							{   font-size:1.35em;  } 
    
    .news_mtab .more						{  width:30px; height:30px;   }
    .news_mtab .more:after				{ width:12px; }
    .news_mtab .more:before			{ height:12px;  }
    
    .news_item .date						{ width:70px;   }
    .news_item dl							{padding:0 0 0 75px;}
    .news_item a							{   padding:5px 0;  gap:10px; font-size:0.9em; }
    .news_item li .cate				{ min-width:50px; }
    .news_item li time				    {  width:90px; } 

    .news_item .nolist					{  line-height:50px; }
}



