
/* 멀티게시판    ================================================================================== */
.news_tab						{position:relative; display:flex; gap:0 3px;border-bottom:1px solid #ddd;}
.news_tab p: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 p						{position:relative; width:160px; text-align:center; }
.news_tab p a					{font-family: 'GmarketSansMedium'; font-size:1.4em; color:#a5a5a5; line-height:56px; display:block;}
.news_tab p:hover a, .news_tab .on a	{color:var(--sub);}
.news_tab .on:after			{content:''; display:block; width:100%; height:3px; border-radius:10px; background:var(--sub);}
.news_tab .more				{position:absolute; top:5px; right:0; text-align:center; width:40px; height:40px; line-height:34px; border:2px solid #d5d5d5; border-radius:100%; transition: all 0.2s;}
.news_tab .more a			{display:block; font-size:0.95em;}
.news_tab .more:hover		{background:var(--sub); border-color:var(--sub); transform:rotate(180deg);}
.news_tab .more:hover i		{color:#fff;}

.news_item					{min-height:340px; 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:3px; 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 110px;}
.news_item dl dt			{font-family: 'GmarketSansMedium'; font-size:1.15em; 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:50px; 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; font-family: 'GmarketSansMedium'; color:var(--sub); font-size:0.85em; letter-spacing:0; }


@media screen and (max-width:1024px) {
	.news_tab p				{width:calc(50% - 25px);}
	.news_tab p a			{line-height:40px; font-size:1.1em;}
	.news_tab .on a			{font-family: 'GmarketSansBold';}
	.news_tab .on:after		{height:2px;}
	.news_tab .more			{top:0; width:34px; height:34px; line-height:30px;}
	.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:5px 0; font-size:1.1em;}
	.news_item .mdate			{display:block; }
	.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;}
}
   
