/* 멀티게시판    ================================================================================== */
.news_tab									{ position:relative;    border-bottom:2px solid #d9d9d9;  display:flex; gap:10px; }
.news_tab li								{position:relative;   text-align:center; cursor:pointer;} 
.news_tab li a								{  display:block; color:#909090; padding:0 10px; font-size:1.4em;font-weight:600; font-family:'S-Core Dream'; letter-spacing:-1.5px;  line-height:1.15; height:50px; } 
.news_tab .on a							{position:relative;  font-size:1.5em; color:#000;font-weight:700;  } 
.news_tab .on::before              {position:absolute; content:'';left:0;bottom:-2px; width:100%; height:4px; background:var(--color1);z-index:11; }

.news_tab .more						{position:absolute; display:block; right:0; top:-12px; color:#969696; font-size:0.9em;  }
.news_tab .more span				{position:relative; top:10px; display:inline-block;   width:34px; height:34px; border:1px solid #dfdfdf;cursor:pointer; border-radius:50px; margin-left:10px; }
.news_tab .more span::after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#b2b2b2;}
.news_tab .more span::before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:14px; width:2px; background:#b2b2b2;}
.news_tab .more:hover				        {border-color:var(--color1); }
.news_tab .more:hover span::after,
.news_tab .more:hover span::before		{background:var(--color1);}

.news_item								{width:100%; }
.news_item .top						{overflow:hidden; padding:25px 0 ; border-bottom:1px solid #ddd;}
.news_item .date						{float:left; width:110px;  text-align:center;line-height:1.4em; font-weight:700;font-family:'S-Core Dream';  font-style:normal; color:var(--color1); font-size:0.9em;}
.news_item .date b					{display:block;font-weight:700;  color:var(--color1); font-size:2.45em;letter-spacing:-1.5px;padding:6px 0 8px 0; } 
.news_item dl							{padding:0 0 0 120px;}
.news_item dl dt						{font-size:1.1em;   font-weight:700; color:#000; margin-bottom:5px; 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:18px  0 0 0;}
.news_item ul li							{width:100%; position:relative; overflow:hidden; padding:6px 5px 7px 23px;display:flex;flex-flow:wrap;justify-content: space-between;   } 
.news_item ul li:after				{position:absolute; content:''; display:block; top:16px; left:10px; width:3px; height:3px; border-radius:100%; background:#555;}
.news_item ul li p						{position:relative; display:inline-block;flex:2; color:#000;font-size:1em;  overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item ul li time				{position:relative;display:inline-block;width:140px;text-align:right; font-style:normal;  color:#999;    }

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


@media screen and (max-width:1024px) { 
    .news_tab li a								{   font-size:1.3em; height:44px; } 
    .news_tab .on a							{ font-size:1.4em;  } 
    .news_item .date						{  width:100px; }
    .news_item dl							{padding:0 0 0 100px;}

    .news_item li								{position:relative;  overflow:hidden;}   
    .news_item .nolist						{ line-height:250px; } 
}
@media screen and (max-width:768px) {     
    .news_tab li a								        {font-size:1.2em; height:40px; } 
    .news_tab .on a							        { font-size:1.3em;  } 
    .news_tab .more span						{width:30px; height:30px;   }
    .news_tab .more span::after			{ width:12px;  }
    .news_tab .more span::before			{  height:12px;  }

    .news_item .top						{ padding:20px 0;  }
    .news_item .date						{ width:80px; font-size:0.8em;  }
    .news_item .date b					{ padding-bottom:10px; } 
    .news_item dl							{padding:0 0 0 85px;}
    .news_item dl dt						{font-size:1.05em; margin-bottom:4px;  } 
    .news_item ul li							{ padding:5px 5px 0 16px;    } 
    .news_item ul li p						{ font-size:0.95em; }
    .news_item ul li time				{  font-size:0.9em;  width:100px;}
    .news_item ul li:after				{ top:15px; left:6px; }
 
}