
/* 멀티게시판    ================================================================================== */
.news_tab									{ position:relative;  border-bottom:2px solid #d9d9d9;  display:flex; gap:20px; }
.news_tab li								{position:relative;  text-align:center; cursor:pointer;} 
.news_tab li a								{  display:block; color:#909090; padding:0 12px 25px 12px; font-size:1.35em;font-weight:600; font-family: 'Paperlogy';   line-height:100%;    }
.news_tab .on a							{ font-size:1.55em; color:#000;font-weight:700;   } 
.news_tab .on::after                 {position:absolute; content:''; bottom:-2px;left:0; width:100%; height:5px; background:var(--color1); z-index:1;}
.news_tab .more						{ position:absolute; right:4px; top:-5px; width:34px; height:34px; border:1px solid #e0e0e0;cursor:pointer; 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:17px 0  ; border-bottom:1px solid #dfdfdf;}
.news_item .date						{float:left; width:90px; aspect-ratio:1/1;  text-align:center;line-height:1.4em; font-weight:600; font-family: 'Paperlogy'; font-style:normal; color:#fff; font-size:0.75em; background:var(--color1); border-radius:50px; margin:0 10px; display: flex; flex-direction: column; justify-content:center; align-items:center;  }
.news_item .date b					{display:block;font-weight:600;  color:#fff; font-size:2.35em;  font-family: 'Paperlogy'; padding:6px 0 6px 0; } 
.news_item dl							{padding:0 5px 0 125px;}
.news_item dl dt						{font-size:1.1em;   font-weight:700; color:#000; margin:14px 0 8px 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:22px  0 0 0 ;}
.news_item ul li							{width:100%; position:relative; overflow:hidden;  } 
.news_item ul li + li                  {margin-top:12px; }
.news_item ul li	a						{width:100%; position:relative; overflow:hidden;   display:flex;flex-flow:wrap;justify-content: space-between;   } 
.news_item ul li p						{position:relative; display:inline-block;flex:2; color:#000;font-size:1.05em;  padding-left:23px;  overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item ul li p:after				{position:absolute; content:''; display:block; top:10px; left:10px; width:3px; height:3px; border-radius:100%; background:#333;}
.news_item ul li time				{position:relative;display:inline-block;width:110px;text-align:right; font-style:normal;  color:#999; font-size:0.95em; padding-right:8px;  }

.news_item .nolist						{text-align:center; border:0 ; line-height:130px;width:100%;  }
   
/* 멀티게시판    ================================================================================== */


@media screen and (max-width:1200px) {    
.news_item ul li p						{ padding-left:20px;}
.news_item ul li p:after				{  left:7px; }
.news_item .date						{ width:80px;margin:0  ;  }
.news_item .date b					{ font-size:2.25em; } 
.news_item dl							{padding:0 5px 0 100px;}
}
@media screen and (max-width:1024px) {  
.news_item .nolist						{ line-height:80px; } 
}
@media screen and (max-width:800px) {     
.news_tab li a								{font-size:1.25em;  padding:0 10px 14px 10px; } 
.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; font-size:0.7em;  } 
.news_item .date b					{ padding:4px  0;}   
.news_item dl							{padding:0 0 0 85px;}
.news_item dl dt						{font-size:1.05em; margin:10px 0 4px 0; }
.news_item ul							{ padding:15px  0 0 0 ;}  
.news_item ul li + li                  {margin-top:8px; }
.news_item ul li p						{ font-size:0.95em;  padding-left:16px;}
.news_item ul li p:after				{  left:5px; }
.news_item ul li time				{  font-size:0.9em; width:100px;padding-right:3px;  }
 
 
}
@media screen and (max-width:580px) {     
.news_tab li a								{font-size:1.2em;  padding:0 7px 14px 7px; } 
.news_tab .on a							{ font-size:1.45em;  } 
.news_tab .on::after                 { height:4px; }

.news_item .date						{ width:62px; font-size:0.65em;  } 
.news_item dl							{padding:0 0 0 75px;}
.news_item dl dt						{font-size:1em; margin:6px 0 0 0; } 

.news_item ul li + li                  {margin-top:6px; }
.news_item ul li p						{   padding-left:12px;}
.news_item ul li p:after				{  left:2px; }
.news_item ul li time				{  font-size:0.85em; width:90px;padding-right:0;  }
}