/* 공통  ================================================================================== */ 
.glikebtn								{position:relative;cursor:pointer;user-select: none;} 
.glikebtn::before						{font-weight: 400; font-family:"Font Awesome 6 Free";content:"\f004";padding-right:10px;}
.glikebtn.on::before					{font-weight: 900;} 

.glikebundle							{position:relative;cursor:pointer;user-select: none;} 
.glikebundle::before					{font-weight: 400; font-family:"Font Awesome 6 Free";content:"\f004";padding-right:10px;}
.glikebundle.on::before					{font-weight: 900;}



/* 리스트  ================================================================================== */ 
.class_list_wrap						{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px 30px;} 
.class_list_wrap li						{min-width:0;}
.class_list_wrap li .img span			{position:absolute; top:20px; left:0; z-index:1; border-radius:0 5px 5px 0 !important; line-height:36px; min-width:80px; border:0;}
.class_list_wrap li .img				{position:relative; border-radius:20px; aspect-ratio:6 / 4; overflow:hidden; transition:all 0.5s ease; box-shadow:0 0 15px 1px rgba(0,0,0,0.08);}
.class_list_wrap li .img img			{width:100%; transition:all 0.5s ease;}
.class_list_wrap li .tit				{font-family: 'S-Core Dream'; font-size:1.1em; letter-spacing:-0.75px; font-weight:500; color:#111; margin:20px 0 12px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.class_list_wrap li .txt p				{display:grid; grid-template-columns:80px auto; margin:1px 0; color:#666; letter-spacing:0; font-size:0.95em; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.class_list_wrap li .txt strong			{font-family: 'S-Core Dream'; color:var(--color1); font-weight:500; font-size:16px; padding-top:1px;}
.class_list_wrap li:hover .img img		{transform: scale(1.07);} 


@media screen and (max-width:1024px) {
	.class_list_wrap				{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:1.5em;}	
	.class_list_wrap li .img span	{top:15px; min-width:70px; line-height:32px;}
	.class_list_wrap li .tit		{font-size:1.1em; margin:15px 0 7px 0;}
	.class_list_wrap li .txt p		{grid-template-columns:27px auto; gap:10px; margin:0;}
	.class_list_wrap li .txt strong	{font-size:14px; overflow:hidden;}
}