

.histoty_wrap				{position:relative; display:grid; gap:50px 0;} 
.histoty_wrap:after			{position:absolute; content:''; display:block; top:12px;left:0;right:0; margin:auto; width:1px; height:97%; border-left:1px dotted #bbb; z-index:1;}
.histoty_wrap li			{display:grid; gap:20px; margin-right:50%; padding-right:60px;}
.histoty_wrap .year			{font-family: 'GmarketSansBold'; color:var(--color1); text-align:right; font-size:2.3em; position:relative; line-height:1; padding-top:5px;}
.histoty_wrap .year:after	{position:absolute; top:12px; right:-65px; content:''; display:inline-block; width:9px; height:9px; border-radius:100%; background:var(--color1); z-index:2;}
.histoty_wrap .year:before	{position:absolute; top:9px; right:-68px; 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:15px 0; font-size:1.05em;}
.histoty_wrap dl			{display:flex; flex-direction:row; justify-content:flex-end; }
.histoty_wrap dl dt			{font-family: 'SpoqaHanSansNeo-Regular'; font-weight:700; color:#000; width:80px; letter-spacing:0; order:2; text-align:right;}
.histoty_wrap dl dd			{letter-spacing:-0.75px; order:1; line-height:1.6; text-align:right;}
.histoty_wrap figure		{height:280px; margin-top:20px; box-shadow:0 0 15px 10px rgba(128,128,128,0.1);}
.histoty_wrap figure img	{width:100%; height:100%; object-fit:cover;}
.histoty_wrap li:nth-child(even)	{margin:0 0 0 50%; padding:0 0 0 60px;}
.histoty_wrap li:nth-child(even) .year	{text-align:left;}
.histoty_wrap li:nth-child(even) .year:before	{right:auto; left:-68px;}
.histoty_wrap li:nth-child(even) .year:after	{right:auto; left:-65px;}
.histoty_wrap li:nth-child(even) dl	{justify-content:flex-start;}
.histoty_wrap li:nth-child(even) dl dt	{order:1; text-align:left;}
.histoty_wrap li:nth-child(even) dl dd	{order:2; text-align:left;}


@media screen and (max-width:1024px) {
	.histoty_wrap				{gap:25px 0;}
	.histoty_wrap:after			{top:10px; left:10px; height:calc(100% - 80px); margin:0;}
	.histoty_wrap li			{padding:0 !important; margin:0 !important; gap:10px 0;}
	.histoty_wrap .year			{font-size:1.6em; padding-left:35px; text-align:left;}
	.histoty_wrap .year:after	{right:auto; top:11px; left:6px;}
	.histoty_wrap .year:before	{right:auto; top:10px; left:5px; width:12px; height:12px;}
	.histoty_wrap .year_list	{gap:5px 0; font-size:0.95em;}
	.histoty_wrap dl			{display:grid; grid-template-columns:60px auto; justify-content:normal; gap:0 10px;padding-left:35px;}
	.histoty_wrap dl dt			{width:auto; order:unset; text-align:left;}
	.histoty_wrap dl dd			{order:unset; text-align:left; }
	.histoty_wrap figure		{margin-top:10px; aspect-ratio:6 / 3; height:auto;}
}

