/*  멀티latest 탭  ==================================================================================== */
.basic_mtab					{position:relative; display:flex; gap:55px; margin-bottom:30px;}
.basic_mtab li a			{position:relative; font-size:1.2em; letter-spacing:-1px; color:#333;}
.basic_mtab li a:after		{content:''; position:absolute; top:0; left:-25px; bottom:0; width:1px; height:0.85em; margin:auto; background:#bbb;}
.basic_mtab li:first-child a:after	{display:none;}
.basic_mtab li:hover a, .basic_mtab li.on a		{color:var(--color1); font-weight:600;}
.basic_mtab .on a:before	{position:absolute; left:0; top:-10px; right:0; margin:auto; content:''; display:block; width:15px; height:7px; border:3px solid var(--color1); border-top:0; border-radius: 0 0 50px 50px;}
.basic_mtab .more			{position:absolute; top:-5px; right:0; text-align:center; width:42px; overflow:hidden;}
.basic_mtab .more a			{display:block; font-size:0.9em; height:42px; line-height:36px; border:2px solid #c9c9c9; border-radius:15px; background:#fff;}
.basic_mtab .more:hover a	{color:#fff; border-color:var(--color1); background:var(--color1); transition: all 0.2s;}
.basic_mtab .more:hover i	{transform: rotate(180deg); transition: all 0.2s; }


/* 리스트    ================================================================================== */ 
.basic_mlist				{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.basic_mlist li				{position:relative; background:#fff; border-radius:20px; box-shadow:0 0 20px 1px rgba(0,0,0,0.045); height:180px; padding:55px 35px 0 35px; overflow:hidden;}
.basic_mlist li span		{position:absolute; top:0;left:0; display:block; background:#e84a84; color:#fff; letter-spacing:-1px; width:120px; line-height:40px; text-align:center; font-size:0.95em; border-radius:0 0 20px 0;}
.basic_mlist li p			{font-size:1.1em; letter-spacing:-1px; font-weight:500; color:#111; margin-bottom:10px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap: break-word;}
.basic_mlist li time		{font-style:normal; color:#a1a1a1; font-weight:400; font-size:0.9em;}
.basic_mlist li:hover		{transform:translateY(-10px); transition: .5s;}
.basic_mlist .nolist		{grid-column: 1 / -1; grid-row: 1 / -1; background:none; box-shadow:none; height:100%; padding:0; line-height:300px;}
.basic_mlist .nolist:hover	{transform:unset;} 


@media screen and (max-width:1200px) {  
	.main_news_list>a				{height:160px; padding-top:45px;}
}

@media screen and (max-width:1024px) {  
	.basic_mtab					{align-items:center; justify-content:center; flex-wrap:wrap; margin-bottom:20px; gap:0 25px;}
	.basic_mtab li a			{font-size:1em;}
	.basic_mtab li a:after		{left:-12px;}
	.basic_mtab .on a:before	{top:-8px; width:12px; height:5px;}
	.basic_mtab .more			{position:relative; width:auto; top:0; margin-left:-10px;}
	.basic_mtab .more a			{width:32px; height:30px; line-height:26px; font-size:0.8em; border-radius:10px;}

	.basic_mlist				{gap:10px; grid-template-columns:repeat(2, 1fr);}
	.basic_mlist li				{height:auto; padding:45px 20px 20px 20px;}
	.basic_mlist li span		{font-size:0.85em; width:100px; line-height:36px;}
	.basic_mlist li:nth-child(5), .basic_mlist li:nth-child(6)	{display:none;}
	.basic_mlist .nolist		{line-height:200px;}
}