
/*  멀티latest 탭  ==================================================================================== */
.news_tab							{position:relative; display:flex; gap:0 3px;border-bottom:1px solid #ddd;}
.news_tab li:first-child:before		{content:''; position:absolute; top:0; right:-5px; bottom:0; width:1px; height:20px; margin:auto; background:#bbb; transform:skewX(-25deg);}
.news_tab .tab						{position:relative; width:160px; text-align:center; }
.news_tab .tab a					{font-family: 'paybooc-Medium';  font-size:1.4em; color:#888; line-height:56px; display:block;}
.news_tab .tab:hover a,
.news_tab .on a						{font-family: 'paybooc-Bold';  color:#023b93;}
.news_tab .on:after					{content:''; display:block; width:100%; height:3px; border-radius:10px; background:#023b93;}
.news_tab .more						{position:absolute; top:5px; right:0; text-align:center; width:40px; height:40px; line-height:36px; border:2px solid #d5d5d5; border-radius:100%;  transition: all 0.2s;}
.news_tab .more a					{display:block; font-size:15px; transition: all 0.2s;}
.news_tab .more:hover				{border-color:#a71560; background:#a71560; transform:rotate(180deg);}
.news_tab .more:hover a				{color:#fff;}


/* 멀티게시판    ================================================================================== */ 
.news_item								{min-height:330px; letter-spacing:-0.75px; }
.news_item .top							{overflow:hidden; padding:25px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.news_item .date						{float:left; width:100px; padding-top:5px; text-align:center; letter-spacing:0; }
.news_item .date p						{font-family: 'Jost', sans-serif; line-height:100%; color:#181818; font-size:3em; font-weight:700; letter-spacing:-1px;}
.news_item .date em						{font-style:normal; color:#959595; font-size:0.95em;}
.news_item dl							{padding:0 0 0 120px;}
.news_item dl dt						{font-family: 'paybooc-Bold'; font-size:1.05em; letter-spacing:0; color:#333; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.news_item dl dd						{font-size:0.95em; color:#7f7f7f; line-height:150%; 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 li						{position:relative; overflow:hidden; font-size:0.95em; padding:0 10px 0 20px; line-height:48px; border-bottom:1px solid rgba(0,0,0,0.1);} 
.news_item ul li:after					{position:absolute; content:''; display:block; top:25px; left:5px; width:4px; height:4px; border-radius:100%; background:#0d57b8;}
.news_item ul li p						{position:relative; float:left; width:calc(100% - 100px); color:#555; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.news_item ul li em						{font-style:normal; float:right; color:#adadad; font-size:15px; letter-spacing:0;}
.news_item dl:hover dt,	
.news_item ul li:hover p				{text-decoration:underline;}
.news_item .nolist						{text-align:center; border-top:0; border-bottom:1px solid #ddd; color:#797979; padding:0; line-height:330px;}
.news_item .mdate						{display:none;}


@media screen and (max-width:1024px) {
	.news_tab .tab				{width:calc(50% - 25px);}
	.news_tab .tab a			{line-height:42px; font-size:1.1em;}
	.news_tab .on:after			{height:2px;}
	.news_tab .more				{top:0; width:36px; height:36px; line-height:32px;}
	.news_tab .more a			{font-size:14px;}

	.news_item					{min-height:270px;}
	.news_item .top				{padding:15px 0;}
	.news_item .date			{display:none;}
	.news_item dl				{padding:0;}
	.news_item dl dt			{margin:3px 0 5px 0;}
	.news_item .mdate			{display:block; color:#0d57b8; font-size:0.85em; letter-spacing:0;}
	.news_item ul li			{padding:0 10px; font-size:0.9em; line-height:42px;}
	.news_item ul li:after		{width:3px; height:3px; left:0; top:20px;}
	.news_item ul li p			{width:calc(100% - 80px);}
	.news_item ul li em			{font-size:0.85em;}
}
   
