/* 온라인  리스트  ================================================================================== */ 
.project_thumlist_wrap						{position:relative;} 
.project_thumlist_wrap>li						{padding:20px 10px; border-bottom:1px solid #eee;}
.project_thumlist_wrap>li:first-child			{border-top:1px solid #eee;}
.project_thumlist_wrap>li	a					{display:grid; grid-template-columns:240px auto; gap:0 40px;}
.project_thumlist_wrap figure					{position:relative; overflow:hidden; aspect-ratio:6 / 3.5; border-radius:5px; border:1px solid #eaeaea;}
.project_thumlist_wrap figure img				{width:100%; height:100%; object-fit:cover; transition:all .5s ease;}
.project_thumlist_wrap figure i				{display:none; align-items:center; height:100%; position:absolute; width:100%; color:#fff;background:rgba(0, 91, 172, 0.8); z-index:1; text-align:center; font-size:36px;}
.project_thumlist_wrap .status span			{margin-top:7px; width:100%; line-height:34px; font-weight:500; border-radius:2px; height:40px;}
.project_thumlist_wrap .tit					{display:inline-block; font-size:1.1em; color:#333; font-weight:700; letter-spacing:-0.75px; margin-bottom:15px;}
.project_thumlist_wrap .cate					{margin:0 7px 15px 0; display:inline-block; color:var(--color1); border:1px solid var(--color1);padding:0 12px; height:26px; line-height:24px; text-align:center; font-size:15px;}
.project_thumlist_wrap .info					{padding-top:10px;}
.project_thumlist_wrap .info ul				{display:grid; grid-template-columns:repeat(2, 1fr); gap:3px 10px;}
.project_thumlist_wrap .info ul li			{display:grid; grid-template-columns:120px auto; font-size:0.95em; color:#777;}
.project_thumlist_wrap .info ul li strong		{color:#333;}

.project_thumlist_wrap>li:hover figure		{box-shadow:0 5px 20px 0 rgba(0, 0, 0, .1);}
.project_thumlist_wrap>li:hover figure i		{display:grid;}
.project_thumlist_wrap>li:hover figure img	{transform: scale(1.05);}



@media screen and (max-width:1024px) {
	.project_thumlist_wrap>li				{padding:15px 0;}
	.project_thumlist_wrap>li a			{display:block;}
	.project_thumlist_wrap figure			{height:auto;}	
	.project_thumlist_wrap .cate			{font-size:14px; margin-bottom:5px;}
	.project_thumlist_wrap .tit			{display:block; font-size:1.05em; margin-bottom:10px;}
	.project_thumlist_wrap .status span	{line-height:32px;}
	.project_thumlist_wrap .info ul		{margin-top:10px; grid-template-columns:1fr; gap:0;}
	.project_thumlist_wrap figure i		{height:100%; line-height:1.2;}
}