.histoty_tit				{position:relative; text-align:center; padding:20px; font-size:1.8em; color:#111; font-weight:300; letter-spacing:-2px; width:70%; margin:0 auto; margin-bottom:40px;  line-height:1.3;}
.histoty_tit:after, 
.histoty_tit:before			{position:absolute; content:''; display:block; border:10px solid var(--color1); height:100%; width:30px; top:0;}
.histoty_tit:before			{left:0; border-right:none; }
.histoty_tit:after			{right:0; border-left:none; }
.histoty_tit strong			{font-weight:700; color:#111;}

.histoty_wrap				{position:relative; display:grid; gap:40px 0;} 
.histoty_wrap:after			{position:absolute; content:''; display:block; top:10px; left:175px; width:1px; height:calc(100% - 10px); border-left:2px dotted #ddd; z-index:1;}
.histoty_wrap li			{display:grid; grid-template-columns:180px auto; gap:0 60px;}
.histoty_wrap .year			{font-family :'pretendard'; font-weight:700; position:relative; color:var(--color1); font-size:2.2em; line-height:1; padding-top:5px;}
.histoty_wrap .year:after	{position:absolute; top:12px; right:0; content:''; display:inline-block; width:10px; height:10px; border-radius:100%; background:var(--color1); z-index:2;}
.histoty_wrap .year:before	{position:absolute; top:10px; right:-2px; content:''; display:inline-block; width:15px; height:15px; border-radius:100%; background:#a3c9c9; animation:dots 2s ease-in-out infinite;}
.histoty_wrap .year_list	{display:grid; gap:7px 0;}
.histoty_wrap dl			{display:flex; gap:20px;}
.histoty_wrap dl dt			{font-family :'pretendard'; font-weight:700; color:#000;}
.histoty_wrap dl dd			{line-height:160%; letter-spacing:-0.75px;}


@media screen and (max-width:1024px) {
	.histoty_tit			{width:100%; padding:10px 20px; font-size:1.4em; margin-bottom:20px;}
	.histoty_tit:after, .histoty_tit:before	{border-width:7px; width:20px;}
	.histoty_tit strong		{display:block;}

	.histoty_wrap				{gap:20px 0;}
	.histoty_wrap:after			{top:30px; left:10px;}
	.histoty_wrap li			{grid-template-columns:1fr; gap:10px 0;}
	.histoty_wrap .year			{font-size:1.6em; padding-left:30px;}
	.histoty_wrap .year:after	{right:auto; left:7px;}
	.histoty_wrap .year:before	{right:auto; top:10px; left:5px; width:12px; height:12px;}
	.histoty_wrap .year_list	{gap:5px 0;}
	.histoty_wrap dl			{display:grid; gap:0; padding-left:30px; font-size:0.95em;}
}