

/* 공통  ================================================================================== */ 
.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							{border-top:1px solid #dfdfdf;} 
.class_list_wrap li							{position:relative; border-bottom:1px solid #dfdfdf; padding:20px 0;}
.class_list_wrap li a						{position:relative; display:grid; grid-template-columns:28% auto; gap:40px;}
.class_list_wrap li figure					{aspect-ratio:6/4; overflow:hidden; border:1px solid #eaeaea;}
.class_list_wrap li figure img				{width:100%;height:100%; object-fit:cover;transition:all 0.3s ease;}
.class_list_wrap li .tit                    {margin:15px 0 10px 0;}
.class_list_wrap li .tit p					{font-family: 'S-Core Dream'; font-size:1.1em; font-weight:500; color:#111; letter-spacing:-1px; display:inline-block; margin-right:5px;}
.class_list_wrap li .tit p>em               {font-family: 'S-Core Dream'; padding-right:20px; position:relative; color:var(--color1); font-size:0.95em; }
.class_list_wrap li .tit p>em:after         {content:''; position:absolute; top:5px; right:6px; width:1px; height:0.9em; background:#ccc;}
.class_list_wrap li .tit span				{font-family: 'S-Core Dream'; display:inline-block; padding:0 12px; height:28px; line-height:26px; font-size:0.85rem; border-radius:50px; vertical-align:top; margin-left:3px;} 
.class_list_wrap li .txt p					{font-family: 'S-Core Dream'; position:relative;color:#666; padding:3px 0 3px 15px; font-size:0.95em;}
.class_list_wrap li .txt p:before			{position:absolute; content:''; display:block; left:3px; top:14px; width:4px; height:4px; background:var(--color1);}
.class_list_wrap li .like					{display:none;}
.class_list_wrap li .program_ptype01		{color:#ff6600; border:1px solid #ff6600;}
.class_list_wrap li .program_ptype02		{color:var(--color2); border:1px solid var(--color2);} 
.class_list_wrap li .program_max01			{background:#fee2dd; color:#b0302f;}
.class_list_wrap li .program_max02			{background:#d7d7d7;}
.class_list_wrap li .status					{position:absolute; left:0; top:0;}
.class_list_wrap li .status span			{min-width:90px; line-height:38px; font-size:15px !important; border-radius:0;}
.class_list_wrap li:hover figure img		{transform: scale(1.07);filter; } 


@media screen and (max-width:1024px) {   
	.class_list_wrap li					{padding:10px 0;}
	.class_list_wrap li a				{gap:20px;}
	.class_list_wrap li .tit			{margin:10px 0 7px 0;}
	.class_list_wrap li .tit span		{height:23px; line-height:23px;}
	.class_list_wrap li .txt p			{padding:1px 0 1px 12px;}
	.class_list_wrap li .txt p:before	{top:12px; width:3px; height:3px;}
	.class_list_wrap li .status span	{min-width:70px; line-height:32px; font-size:13px !important;}
}
@media screen and (max-width:768px) {    
	.class_list_wrap li a				{display:block;}
    .class_list_wrap li .tit p>em       {padding-right:15px;}
    .class_list_wrap li .tit p>em:after {right:5px;}
}

