.histoty_wrap									{position:relative;   } 
.histoty_wrap:before						{position:absolute; top:30px; left:220px; content:''; width:1px; height:calc(100% - 30px); background:var(--color1); } /* 세로라인 */
.histoty_wrap li								{overflow:hidden; padding-top:50px  ; display: grid; grid-template-columns:220px 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.7em; font-weight:800; font-family: 'Paperlogy'; line-height:100%;transition:all 0.3s ease;}
.histoty_wrap .year_list					{  padding:0 10px 40px 10px;transition:all 0.3s ease;} 
.histoty_wrap li:not(:last-child) .year_list { border-bottom:1px dashed #ccc; } 
.histoty_wrap .cont						{display: grid; grid-template-columns:1fr;gap:8px;   transition:all 0.3s ease;} 
.histoty_wrap .cont:not(:last-child) { margin-bottom:30px; } 
.histoty_wrap .cont .date				{position:relative; color:var(--color1);  font-weight:700;font-size:1.1em; transition:all 0.3s ease;}
.histoty_wrap .cont .tit					{position:relative; line-height:160%; transition:all 0.3s ease;} 
.histoty_wrap .cont .date:after		{position:absolute; left:-63px; 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:1024px) {    
	.histoty_wrap:before					{  left:170px; }  
	.histoty_wrap li							{ padding-top:30px  ;  grid-template-columns:170px auto; gap:40px;   }
	.histoty_wrap .year					{font-size:2.4em;} 
	.histoty_wrap .cont					{ margin-bottom:25px;gap:5px; }
	.histoty_wrap .year_list				{ padding:0 10px 30px 10px;}     
	.histoty_wrap .cont .date:after		{ left:-53px;}
}

@media screen and (max-width:800px) { 
	.histoty_wrap:before					{left:10px;  }
	.histoty_wrap li							{padding-left:35px;  padding-top:30px  ; grid-template-columns:1fr; gap:20px;   }
	.histoty_wrap .year					{font-size:2em;  }  
	.histoty_wrap .year_list				{ padding:0 0 30px 0;}		
	.histoty_wrap .cont					{ margin-bottom:20px; gap:0;  }	 
	.histoty_wrap .cont .date			{font-size:1em; } 
	.histoty_wrap .cont .tit				{font-size:0.95em; } 
	.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;}  
 
}