/*  멀티latest 탭  ==================================================================================== */
.basic_mtab									{position:relative; border-bottom:2px solid #cfd4da;  display:flex;gap:20px; }
.basic_mtab .btab							{position:relative;  } 
.basic_mtab .btab a						{display:block; color:#a1a2a2;   font-size:1.35em;  padding:0 8px 22px 8px; font-weight:700  ;font-family:'Paperlogy';  transition:all 0.3s ease;}   
.basic_mtab .btab:hover a			{color:#000; }
.basic_mtab .on a							{color:#000; font-size:1.5em;   }
.basic_mtab .on a::before            {position:absolute; content:''; bottom:-2px; left:0; width:100%; height:4px; background:var(--color1); }

.basic_mtab .more						{  position:absolute; right:5px;  }
.basic_mtab .more a						{display:block;  cursor:pointer;  padding-right:42px;   font-size:0.95em; font-weight:500;color:#666; opacity:0.6;}
.basic_mtab .more span				{position:absolute ; right:0; top:-3px;  display:block; width:34px; height:34px; border:1px solid #ccc; border-radius:50px; background:url('./news_arrow01.png') no-repeat center 50%; background-size:cover;   transition:all 0.3s ease;}   
.basic_mtab .more:hover a           { opacity:1;}
.basic_mtab .more:hover span     {right:-5px;}

/*  멀티latest 게시글  ==================================================================================== */
.basic_mlist									{overflow:hidden;  }
.basic_mlist li									{position:relative; width:50%; float:left;  text-align:left; border-bottom:1px solid #dee2e5;}
.basic_mlist li:nth-child(odd)       {padding-right:15px;}
.basic_mlist li:nth-child(even)      {padding-left:15px;}
.basic_mlist li a								{display:block; padding:27px 0 28px 0 ; } 
.basic_mlist li .date						{float:left; width:90px;  text-align:center;line-height:1.4em;  font-weight:700  ;  font-style:normal; color:#000; font-size:0.85em; padding-top:10px;}
.basic_mlist li .date b					{display:block; color:var(--color3); font-size:2.7em;  font-weight:bold  ;  padding-bottom:8px; } 
.basic_mlist li dl							    {padding:0 10px 0 100px;}
.basic_mlist li dl dt						    {font-size:1.1em;   font-weight:700; color:#000; 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 dl dd						{color:#777;   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 .nolist							{  width:100%; border:0; text-align:center; padding:150px 0; }

 
@media screen and (max-width:1200px) {    
.basic_mlist li:nth-child(odd)       {padding-right:10px;}
.basic_mlist li:nth-child(even)      {padding-left:10px;}
.basic_mlist li a								{ padding:22px 0 22px 0 ; } 
.basic_mlist li .date						{ width:80px; font-size:0.8em;  }
.basic_mlist li .date b					{  font-size:2.55em;  } 
.basic_mlist li dl							    {padding:0 0 0 90px;}
.basic_mlist li dl dt						    {font-size:1.05em;   }
}
@media screen and (max-width:1024px) {    
.basic_mlist li									{  width:initial; float:none; }
.basic_mlist li:nth-child(odd)       {padding-right:0;}
.basic_mlist li:nth-child(even)      {padding-left:0;}
.basic_mlist li a								{ padding:20px 0 ; } 
.basic_mlist li .date						{ padding-top:7px;}
.basic_mlist li .date b					{  font-size:2.45em;  } 
.basic_mlist li dl dt						    {  margin-bottom:5px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word; }
.basic_mlist li dl dd						{  text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word; }


.basic_mlist .nolist							{   padding:100px 0; }
}
@media screen and (max-width:768px) {   
.basic_mtab									{ gap:10px; }
.basic_mtab .btab a						{  font-size:1.25em;  padding:0 6px 16px 6px;}    
.basic_mtab .on a							{  font-size:1.4em;   }

.basic_mlist li a								{ padding:16px 0 ; } 
.basic_mlist li .date						{ width:70px;  }
.basic_mlist li dl							    {padding:0 0 0 80px;}
.basic_mlist li dl dt						    {font-size:1.05em;  
}