.letter_wrap									{position:relative;}  

/*  멀티latest 탭  ==================================================================================== */
.letter_mtab									{position:relative;  display:flex;gap:20px;   }
.letter_mtab .btab							{position:relative; color:#000; font-weight:700; font-size:1.55em; padding:0 0 20px 15px;  font-family:'Paperlogy';  transition:all 0.3s ease;}   

.letter_mtab .more						{position:absolute;display:block;  right:10px; top:-4px; width:34px; height:34px; cursor:pointer; border:1px solid #e0e0e0; border-radius:50px; }
.letter_mtab .more:after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#909090;}
.letter_mtab .more:before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:14px; width:2px; background:#909090;}
.letter_mtab .more:hover				{ }
.letter_mtab .more:hover:after,
.letter_mtab .more:hover:before		{background:var(--color1);}


.letter_wrap .letter_slickslider		{  } 
.letter_list										{position:relative;display:flex;    } 
.letter_list li								    	{  position:relative;flex:1;margin:0 10px;    transition:all 0.3s ease;} 
.letter_list .img								{width:100%;aspect-ratio: 32/22; overflow:hidden; border:1px solid #ddd; border-radius:0.7em;  }
.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.07);} 
.letter_list .txt								    {padding:18px 7px 7px 7px; color:#999;  line-height:1.3;}
.letter_list .txt	 p							    {  color:#111; margin:0 0 10px 0;font-weight:600  ; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; }
.letter_list .txt	 span						{  font-size:0.95em; letter-spacing:0; }

.letter_list  .nolist							{ width:calc(100% - 30px); margin:0 0 0 30px;   text-align:center; border:0 solid #ddd;  border-radius:0.7em; aspect-ratio: 32/22; padding:140px 0 0 0; }


.letter_wrap .arrow						{position:absolute; top:-4px; right:51px;}
.letter_wrap .arrow p					{position:absolute; width:34px; height:34px;  border:1px solid #e0e0e0; background:#fff; cursor:pointer; border-radius:50%;} 
.letter_wrap .arrow span				{display:inline-block; border:solid #909090; padding:4px;}
.letter_wrap .arrow .prev			    {right:41px;}
.letter_wrap .arrow .prev span	    {margin:11px 0 0 12px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.letter_wrap .arrow .next			    {right:0;}
.letter_wrap .arrow .next span	    {margin:11px 0 0 9px;  border-width:2px 2px 0 0; transform:rotate(45deg);}
.letter_wrap .arrow p:hover span				{ border-color: var(--color1);  }


 

@media screen and (max-width:1024px) {
.letter_list  .nolist							{  aspect-ratio:initial; padding:100px 0; }

.letter_mtab .more						{  width:30px; height:30px;    }
.letter_mtab .more:after				{  width:12px; }
.letter_mtab .more:before			{ height:12px; }
 
.letter_mtab .btab							{  font-size:1.35em; padding:0 0 20px 15px; }
.letter_list li								    	{     }
 
.letter_wrap .arrow						{  right:47px;}
.letter_wrap .arrow p					{ width:30px; height:30px;  } 
.letter_wrap .arrow span				{ padding:3px;}
.letter_wrap .arrow .prev			{right:37px;}
.letter_wrap .arrow .prev span	{margin:10px 0 0 11px; } 
.letter_wrap .arrow .next span	{margin:10px 0 0 9px;  }  

.letter_list  .nolist							{ width:calc(100% - 10px); margin:0 5px; }
}

@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;   }
}