.histoty_wrap									{position:relative;   } 
.histoty_wrap:before						{position:absolute; top:30px; left:210px; content:''; width:1px; height:calc(100% - 80px); background:#dfdfdf; } /* 세로라인 */
.histoty_wrap li								{overflow:hidden; padding-top:40px  ; display: grid; grid-template-columns:210px auto; gap:50px; transition:all 0.3s ease;   }
.histoty_wrap li:first-child				{padding-top:20px; }
.histoty_wrap .year						{ position:relative;  color:var(--color2); font-size:2.6em; font-weight:800; font-family: 'Paperlogy'; text-indent:10px; line-height:100%;transition:all 0.3s ease;}
.histoty_wrap .year_list					{  padding-bottom:40px; transition:all 0.3s ease;} 
.histoty_wrap li:not(:last-child) .year_list { border-bottom:1px dashed #dadada; } 
.histoty_wrap .cont						{display: grid; grid-template-columns:90px auto;  transition:all 0.3s ease;} 
.histoty_wrap .cont:not(:last-child) { margin-bottom:26px; } 
.histoty_wrap .cont .date				{position:relative; color:var(--color1);  font-weight:700;font-size:1.05em; transition:all 0.3s ease; padding:0 5px; }
.histoty_wrap .cont .tit					{position:relative; line-height:1.4em;  padding:0 5px; transition:all 0.3s ease;} 
.histoty_wrap .cont .date::after	{position:absolute; left:-53px; top:10px; border-radius:50%; background:var(--color1); content:''; width:7px; height:7px;transition:all 0.3s ease;} /* 동글 */
.histoty_wrap .cont figure			{position:relative; overflow:hidden; padding-top:10px;}
.history_img_layer							{position:absolute; top:0;right:0;width: 100%;  height: 100%;background-color: #fff; transition: width 1.5s ease-in-out; z-index:1; }
[data-aos="grow"].aos-animate { width: 0%; }


@media screen and (max-width:1200px) {    
.histoty_wrap:before						{  left:190px; }
.histoty_wrap li								{   grid-template-columns:190px auto; gap:40px;   }
.histoty_wrap .cont .date::after		{ left:-43px;}
} 
@media screen and (max-width:1024px) {    
	.histoty_wrap:before					{  left:170px; height:calc(100% - 95px); }  
	.histoty_wrap li							{ padding-top:35px  ;  grid-template-columns:170px auto; gap:30px;   }
	.histoty_wrap .year					{font-size:2.3em;}  
	.histoty_wrap .year_list				{ padding-bottom:35px;;}      
    .histoty_wrap .cont:not(:last-child) { margin-bottom:22px; } 
    .histoty_wrap .cont .date::after		{ left:-33px;}
}

@media screen and (max-width:768px) { 
	.histoty_wrap:before					{left:10px; height:calc(100% - 30px);  }
	.histoty_wrap li							{padding-left:35px;  padding-top:30px  ; grid-template-columns:1fr; gap:20px;   }
	.histoty_wrap .year					{font-size:1.9em; text-indent:0; }  
	.histoty_wrap .year_list				{ padding-bottom:10px;;}      
	.histoty_wrap .cont					{ margin-bottom:20px; gap:0;   grid-template-columns:1fr;}
	.histoty_wrap .cont .date			{font-size:1em; padding:0; } 
	.histoty_wrap .cont .tit				{font-size:0.95em;padding:0; } 
	.histoty_wrap .cont .date:after		{display:none; left:-28px;}
	.histoty_wrap .year:after				{position:absolute; left:-28px; top:10px; border-radius:50%; background:var(--color1); content:''; width:7px; height:7px;transition:all 0.3s ease;}  
 
}