/* 멀티게시판    ================================================================================== */
.news_tab									{ position:relative; overflow:hidden;  border-bottom:1px solid #d0d0d0;  display:flex;gap:16px;  }
.news_tab li								{  text-align:center; cursor:pointer;} 
.news_tab li a								{  display:block; color:#909090;font-weight:600;  font-family:'Paperlogy';padding:4px 12px 15px 12px; font-size:1.4em;  line-height:1.1em;    } 
.news_tab li a:hover					{color:#000; }
.news_tab .on a							{ color:#000;font-weight:700; font-size:1.5em;  border-bottom:4px solid var(--color1);} 
.news_tab .more						{display:block; position:absolute; right:0; top:0; width:34px; height:34px; border:1px solid rgb(0,0,0,0.12);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%); width:2px; height:14px; background:#909090;}
.news_tab .more:hover				{border:1px solid rgb(0,0,0,0.22); }
.news_tab .more:hover:after,
.news_tab .more:hover:before		{background:var(--color1);}
.news_item								{width:100%; }
.news_item .top						{overflow:hidden; padding:20px 0  ;   border-bottom:1px solid #e2e2e2;}
.news_item .date						{ float:left;width:85px;aspect-ratio:1/1; margin-left:7px;  text-align:center;line-height:100%; font-weight:700; font-style:normal; color:#fff; font-size:0.75em;  background:var(--color1); border-radius:20px; font-weight:600;  font-family:'Paperlogy'; display: flex; flex-direction: column; justify-content:center; align-items:center;  }
.news_item .date p					{  font-weight:600;  font-family:'Paperlogy'; font-size:2.5em; padding:9px 0 14px 0 ; } 
.news_item dl							{padding:12px 0 0 120px;  }
.news_item dl dt						{font-size:1.1em;   font-weight:700; color:#000; margin-bottom:8px; 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:15px 0 0  0 ;}
.news_item ul li							{width:100%; position:relative; overflow:hidden; padding:5px 10px 7px 20px; display:flex;flex-flow:wrap;justify-content: space-between;   } 
.news_item ul li:after				{position:absolute; content:''; display:block; top:15px; left:9px; width:3px; height:3px; border-radius:100%; background:#333; border-radius:5px; }
.news_item ul li p						{position:relative; display:inline-block;flex:2; color:#000;  overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item ul li time				{position:relative;display:inline-block;width:120px;text-align:right; font-style:normal;  color:#999;    }
.news_item .nolist						{text-align:center; border:0; line-height:98px;width:100%;  color:#797979;}
   
/* 멀티게시판    ================================================================================== */


@media screen and (max-width:1024px) {  
}
@media screen and (max-width:768px) {       
	.news_tab li a								{font-size:1.3em; padding:4px 10px 15px 10px;  }  
	.news_tab .on a							{  font-size:1.4em;  } 
	  
	.news_item .top						{ padding:15px 0;  }
	.news_item .date						{ width:75px;  border-radius:15px;  }
	.news_item .date p					{  padding:6px 0 10px 0 ; } 
	.news_item dl							{padding:10px 0 0 100px;}
	.news_item dl dt						{  margin-bottom:4px;  } 
	.news_item ul							{ padding:12px 0 0  0 ;}
	.news_item ul li							{ padding:5px 0 0 16px;    }  
	.news_item ul li time				{  width:110px; }
	.news_item ul li:after				{ top:14px; left:6px; } 
}
@media screen and (max-width:580px) {     
	.news_tab li a								{font-size:1.25em;   } 
	.news_tab .on a							{  font-size:1.35em;  }

	.news_tab .more						{  width:30px; height:30px; }
	.news_tab .more:after				{ width:12px;  }
	.news_tab .more:before			{ height:12px; }
	 
	.news_item .date						{ width:70px; margin-left:0;  }
	.news_item dl							{padding:10px 0 0 90px;}
	.news_item dl dt						{ font-size:1.05em;    }  
	.news_item ul li							{  font-size:0.95em; padding:5px 0 0 12px;    }   
	.news_item ul li:after				{   left:2px; }
	.news_item ul li time				{  width:100px; }
}