/* 멀티게시판    ================================================================================== */
.news_tab							{ position:relative; overflow:hidden;  background:#f6f6f8; }
 .news_tab li						{float:left;  width:calc(33% - 17px);text-align:center; cursor:pointer;} 
.news_tab li a						{  display:block; color:#464646;background:#f6f6f8;padding:0 10px; font-size:1.2em;font-weight:600; letter-spacing:-1.5px; line-height:55px; height:58px; border:1px solid #ddd;border-right:0;} 
.news_tab .on a						{ color:#fff;background:#6fb2de; border:1px solid #6fb2de;}
.news_tab .more						{display:block; position:absolute; right:0; top:0; width:60px; height:58px; cursor:pointer; background:#f6f6f8;border:1px solid #ddd;  }
.news_tab .more:after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:20px; height:2px; background:#003c97;}
.news_tab .more:before				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:20px; background:#003c97;}
.news_tab .more:hover				{ }
.news_tab .more:hover:after,
.news_tab .more:hover:before		{background:#003c97;}
.news_item							{width:100%; }
.news_item .top						{overflow:hidden; padding:30px 0; border-bottom:1px solid #e2e2e2;}
.news_item .date						{float:left; width:100px; height:75px; text-align:center; padding:0 0 0 0;}
.news_item .date p					{font-family: 'Jost', sans-serif; line-height:100%; color:#6fb2de; font-size:3.3em; font-weight:700; letter-spacing:-1px; }
.news_item .date em					{font-family: 'Jost', sans-serif; font-style:normal; color:#5f5f5f; font-size:1.1em; letter-spacing:-1px;}
.news_item dl						{padding:0 0 0 110px;}
.news_item dl dt					{font-size:1.25em; letter-spacing:-1px; font-weight:700; color:#414141; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.news_item dl dd					{color:#797979; height:50px;line-height:150%; letter-spacing:-0.75px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-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:6px 10px 6px 23px;} 
.news_item ul li:after				{position:absolute; content:''; display:block; top:15px; left:10px; width:3px; height:3px; border-radius:100%; background:#3a7cda;}
.news_item ul li p					{position:relative; float:left; width:calc(100% - 80px); color:#555; letter-spacing:-1px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item ul li em					{font-style:normal; float:right; color:#a2a2a2; font-size:0.95em; letter-spacing:-0.5px;}
.news_item .nolist					{text-align:center; border-bottom:1px solid #ddd; line-height:355px;width:100%;  color:#797979;}
   
/* 멀티게시판    ================================================================================== */


@media screen and (max-width:1024px) {

.news_item 							{padding:10px 0 0 0;}
.news_item li							{position:relative;  overflow:hidden;}
.news_item li .txt					{float:left;width:calc(100% - 110px);letter-spacing:-1px;font-size:1.05em;line-height:40px;text-indent:30px;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item li .txt:before		{position:absolute; content:''; left:14px; top:48%;  width:3px; height:3px; background:#777;}
.news_item li .date			{float:right;font-size:1em;color:#9b9c9f;line-height:40px;padding:0 5px 0 0;}
.news_item ul						{border-bottom:1px solid #ddd; }
.news_item .nolist					{ line-height:250px; }

}