/*  멀티latest 탭  ==================================================================================== */
.basic_mtab									{position:relative; display:flex; justify-content: space-between; border-bottom:3px solid var(--color1); padding-bottom:10px; margin-bottom:3px; }
.basic_mtab .tit 									{position:relative;   font-family: 'Paperlogy'; font-size:1.9em; color:var(--color1); font-weight:700;  padding-left:3px; }
.basic_mtab .cont 									{position:relative; display:flex; justify-content: right; gap:25px;   }  
.basic_mtab ul                               { display:flex;gap:28px;}
.basic_mtab .btab							{position:relative; display:inline-block;   font-family: 'Paperlogy'; }
.basic_mtab .btab:not(:first-of-type)::before			{content:''; position:absolute; top:10px; left:-15px; width:4px; height:4px; border-radius:100%; background:#afafaf;}

.basic_mtab .btab a						{display:block; font-size:1.05em; color:#7f7e7e; font-weight:600;  }
.basic_mtab .btab:hover a			{color:var(--color1); }
.basic_mtab .on a							{color:var(--color1);  font-size:1.1em; font-weight:700; }
.basic_mtab .more						{display:block; position:relative; right:0; top:-5px;  }
.basic_mtab .more a						{display:block; width:38px; height:38px;border-radius:50px; border:1px solid #e0e0e0;background:#fff;   cursor:pointer; text-indent:-9999px; }
.basic_mtab .more a::after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#999;}
.basic_mtab .more a::before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:14px; background:#999;}
.basic_mtab .more a:hover          {border-color:var(--color1);background:var(--color1);  }
.basic_mtab .more a:hover::after, .basic_mtab .more a:hover::before  {background:#fff;}



/*  멀티latest 게시글  ==================================================================================== */
.basic_mlist									{overflow:hidden;}
.basic_mlist li									{position:relative;   text-align:left; border-bottom:1px solid #e0e0e0; }
.basic_mlist li a								{display:block; padding:11px 0 ; display: grid; grid-template-columns:80px auto 100px; gap:20px;  } 
.basic_mlist .cate span					{display:inline-block; color:var(--color1);font-size:0.95em; text-align:center; width:100%; border-radius:50px; border:1px solid var(--color1); line-height:34px; }
.basic_mlist .tit                              {padding:7px 0;}
.basic_mlist .tit p							{color:#000;font-size:1.05em; font-weight:600;     text-align:left;overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word;line-height:20px; }
.basic_mlist .date							{display:block;  color:#adadad;  font-weight:500;   font-size:0.95em; font-style:normal;line-height:34px;text-align:right; padding-right:5px;}
.basic_mlist li a:hover .tit             {text-decoration:underline; }

.basic_mlist .nolist							{ border:0 ;}



@media screen and (max-width:1200px) {  
    .basic_mtab .tit 									{  font-size:1.7em;    } 
    .basic_mlist li a								{  padding:7px 0 ;  grid-template-columns:70px auto 100px; gap:10px;  } 
    .basic_mlist .cate span					{ font-size:0.9em;  line-height:30px; }
    .basic_mlist .tit p							{ font-size:1em; } 
    .basic_mlist .date							{ font-size:0.9em; line-height:30px; }
}
@media screen and (max-width:1024px) {   
    .basic_mtab									{  padding-bottom:7px;  }
    .basic_mtab .tit 									{  font-size:1.5em;    } 
    .basic_mtab .cont 									{  gap:15px;   }  
    .basic_mtab ul                               {  gap:20px;} 
    .basic_mtab .btab:not(:first-of-type)::before			{  left:-11px; }
    .basic_mtab .more a						{ width:30px; height:30px;  } 
} 
@media screen and (max-width:580px) {    
    .basic_mtab .tit 									{  font-size:1.4em;    } 
    .basic_mtab ul                               {  gap:10px; font-size:0.95em; } 
    .basic_mtab .btab:not(:first-of-type)::before			{ display:none;}

    .basic_mlist li a								{   grid-template-columns:60px auto  ; gap:10px;  } 
    .basic_mlist .cate span					{ font-size:0.9em;  line-height:28px; }
    .basic_mlist .date							{ display:none; }

}