.letter_wrap									{position:relative;}  


/*  멀티latest 탭  ==================================================================================== */
.letter_mtab									{position:relative;  display:flex;gap:20px; }
.letter_mtab .btab							{position:relative;  } 
.letter_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;}   
.letter_mtab .btab:hover a			{color:#000; }
.letter_mtab .on a							{color:#000; font-size:1.5em;   } 

.letter_mtab .more						{  position:absolute; right:5px;  }
.letter_mtab .more a						{display:block;  cursor:pointer;  padding-right:42px;   font-size:0.95em; font-weight:500;color:#666; opacity:0.6;}
.letter_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;}   
.letter_mtab .more:hover a           { opacity:1;} 
.letter_mtab .more:hover span     {right:-5px;}


.letter_wrap .letter_slickslider		{ height:350px;} 
.letter_list										{position:relative;display: grid; grid-template-columns: repeat(4, 1fr);   } 
.letter_list li								    	{  position:relative; width:450px; border:1px solid #ddd; overflow:hidden; border-radius:15px;  transition:all 0.3s ease;}
.letter_list .img								{width:100%;aspect-ratio: 4.5/3.5; overflow:hidden;  }
.letter_list .img img						{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.letter_list li:hover .img img		    {transform: scale(1.05);} 
 
.letter_list  .nolist							{ width:100%;   text-align:center; border:1px solid #ddd;  border-radius:15px; aspect-ratio: 4.5/3.5; padding:150px 0 0 0; }
 
/*
.letter_wrap .arrow						{position:absolute; top:calc(50% - 25px); width:100%;}
.letter_wrap .arrow p					{position:absolute; width:54px; height:54px;  border:1px solid #bbb; background:#fff; cursor:pointer;  opacity:0.5; border-radius:50%;} 
.letter_wrap .arrow span				{display:inline-block; border:solid #333; padding:6px;}
.letter_wrap .arrow .prev			{left:-70px;}
.letter_wrap .arrow .prev span	{margin:19px 0 0 21px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.letter_wrap .arrow .next			{right:-70px;}
.letter_wrap .arrow .next span	{margin:19px 0 0 16px;  border-width:2px 2px 0 0; transform:rotate(45deg);}
.letter_wrap .arrow p:hover		{opacity:0.8;} 
 */

 
@media screen and (max-width:1570px) {
.letter_wrap .arrow .prev			{left:0;}
.letter_wrap .arrow .next			{right:0;}
}
 

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