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

.news_item								{width:100%; }
.news_item .top						{overflow:hidden; padding:20px 10px; border-bottom:1px solid #e2e2e2;}
.news_item .date						{float:left; width:85px;height:85px;    text-align:center; background: var(--color1); border-radius:10px; display: flex; flex-direction: column; justify-content:center; align-items:center; }
.news_item .date p					{font-family: 'Paperlogy'; line-height:0.8em; color:#fff; font-size:1.9em;font-weight:600; padding-top:8px;  }
.news_item .date em					{font-family: 'Paperlogy'; font-style:normal; color:#fff; font-size:0.75em; font-weight:600; }
.news_item dl						{padding:10px 0 0 110px; }
.news_item dl dt					{font-size:1.1em;  font-weight:700; color:#000; padding:0 0 8px 0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.news_item dl dd					{color:#757575;  line-height:150%;  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:15px  0 0 0;}
.news_item ul li						{width:100%; position:relative; overflow:hidden; padding:5px 5px 6px 23px;display:flex;flex-flow:wrap;justify-content: space-between;   } 
.news_item ul li:after				{position:absolute; content:''; display:block; top:15px; left:10px; width:3px; height:3px; border-radius:100%; background:#222;}
.news_item ul li p						{position:relative; display:inline-block;flex:2; color:#111; font-weight:500; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item ul li em					{position:relative;display:inline-block;width:110px;text-align:right; font-style:normal;  color:#999; font-size:0.95em;  }
.news_item .nolist						{text-align:center; border:0; padding:135px 0;width:100%;  }
   
/* 멀티게시판    ================================================================================== */

@media screen and (max-width:1200px) {     
.news_item .top						{ padding:15px 5px; }
.news_item .date						{ width:80px; height:75px;  }
} 
@media screen and (max-width:1024px) {     
.news_tab									{  gap:10px;}
.news_tab li a								{   height:43px; padding:0 10px; font-size:1.3em; }   
.news_tab .on a							{  font-size:1.45em;  }  
.news_tab .more						{  width:30px; height:30px; }
.news_tab .more:after				{  width:12px; }
.news_tab .more:before			{ height:12px; }
 
.news_item .top						{  padding:15px 0  ; }
.news_item .date						{ width:70px;height:65px;  }
.news_item .date p					{  font-size:1.8em;  } 
.news_item .date em					{ font-size:0.7em;   }
.news_item dl							{padding:5px 0 0 90px;} 
  
}
@media screen and (max-width:768px) {      
.news_tab li a								{   font-size:1.25em; }   
.news_tab .on a							{  font-size:1.4em;  }  
.news_item .date						{ width:65px;  }
.news_item .date p					{  font-size:1.7em;  } 
.news_item dl							{padding:5px 0 0 80px;}
.news_item dl dt					{font-size:1.05em;   padding:0 0 6px 0;} 
     
.news_item ul li:after				{ top:13px; left:5px; } 
.news_item ul li						{  padding:4px 4px 4px 16px; }
.news_item ul li em					{ width:95px;}
}

@media screen and (max-width:480px) {      
.news_item ul li p						{font-size:0.95em; }
.news_item ul li						   {  padding:4px 4px 2px 16px; }
.news_item ul li em					{ width:85px; font-size:0.9em;  }
}