/*  멀티latest 탭  ==================================================================================== */
.basic_mtab							{position:relative; display:flex; justify-content:flex-end; gap:55px;}
.basic_mtab .btab					{position:relative;}
.basic_mtab .btab:before			{content:''; position:absolute; top:0; left:-25px; bottom:0; width:1px; height:0.95em; margin:auto; background:#ccc;}
.basic_mtab .btab:first-child:before	{display:none;}
.basic_mtab .btab a					{display:block; font-size:1.3em; color:#9f9f9f;}
.basic_mtab .btab:hover a, .basic_mtab .on a	{color:var(--color1); font-weight:700;}
.basic_mtab .on:after				{position:absolute; left:0; top:-17px; right:0; margin:auto; content:''; display:block; width:9px; height:9px; background:var(--color1); border-radius:50%;}

/*  멀티latest 게시글  ==================================================================================== */
.basic_mlist						{overflow:hidden;}
.basic_mlist li						{border:1px solid #e1e1e1; background:#fff; float:left; width:calc(34.5% - 60px); margin-left:60px; transition:all 0.3s ease;}
.basic_mlist li:first-child			{margin:0;}
.basic_mlist dl						{padding:50px 45px;}
.basic_mlist dl dt p				{color:#111; font-size:1.2em; font-weight:500; height:60px; line-height:1.4; letter-spacing:-1px; 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 dl dt span				{display:inline-block; background:var(--color1); color:#fff; line-height:32px; padding:0 12px; border-radius:3px; font-size:0.95em; margin-bottom:15px; font-weight:500;}
.basic_mlist dl dd					{color:#797979; height:76px; line-height:1.45; margin-top:15px; letter-spacing:-0.75px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap: break-word; }
.basic_mlist li:hover				{border-color:var(--color1);}
.basic_mlist li:hover dl dt			{text-decoration:underline;}
.basic_mlist time					{display:block; background:#f5f5f5; color:#898a8a; padding:0 45px; line-height:68px; border-top:1px solid #ddd; font-size:0.95em;}
.basic_mlist time i					{margin-right:8px; opacity:0.8;}
.basic_mlist .nolist				{float:none; width:100%; border-left:0; border-right:0; text-align:center; line-height:366px; color:#797979; padding:0;}
.basic_mlist .nolist:hover			{border-color:#ddd;}

@media screen and (max-width:1200px) {
	.basic_mlist li					{width:calc(34% - 30px); margin-left:30px;}
}

@media screen and (max-width:1024px) {
	.basic_mtab						{gap:25px;}
	.basic_mtab .btab a				{font-size:1.05em;}
	.basic_mtab .btab:before		{left:-13px; height:0.75em;}
	.basic_mtab .on:after			{width:7px; height:7px; top:-8px;}

	.basic_mlist li					{width:calc(33.8% - 15px); margin-left:15px;}
	.basic_mlist dl					{padding:30px 25px;}
	.basic_mlist dl dt span			{font-size:0.85em; line-height:26px; padding:0 10px; margin-bottom:10px;}
	.basic_mlist dl dt p			{font-size:1.1em; height:52px;}
	.basic_mlist dl dd				{margin-top:10px; line-height:1.4; height:68px;}
	.basic_mlist time				{padding:0 30px; line-height:48px; font-size:0.85em;}

	.basic_mlist .nolist			{line-height:260px;}
}

@media screen and (max-width:768px) { 
	.basic_mtab						{display:block; text-align:center;}
	.basic_mtab .btab				{display:inline-block; margin-right:25px;}
	.basic_mtab .btab:nth-child(4)	{margin:0;}
	.basic_mtab .more				{display:block; margin-top:7px;}

	.basic_mlist li					{float:none; width:100%;}
	.basic_mlist li:nth-child(2)	{margin:10px 0 0 0;}
	.basic_mlist li:nth-child(3)	{display:none;}
	.basic_mlist dl dt p			{height:28px; -webkit-line-clamp:1;}
}