/* 공통  ================================================================================== */ 
.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;}



/* 리스트  ================================================================================== */ 
.exper_list_wrap									{position:relative;  display: grid; grid-template-columns: 1fr; gap:1.5em  ;} 
.exper_list_wrap li								    {position:relative;border:1px solid #dfdfdf; border-radius:0.7em; overflow:hidden;transition:all 0.3s ease;}
.exper_list_wrap li a							    {position:relative; display: grid; grid-template-columns:33% auto;gap:25px; padding:1em;   transition:all 0.3s ease;}
.exper_list_wrap li figure					    {overflow:hidden; transition:all 0.3s ease;}
.exper_list_wrap li figure img			    {width:100%;height:100%; object-fit:cover;transition:all 0.3s ease;} 
.exper_list_wrap li .cont						{position:relative;  padding-bottom:65px; }
.exper_list_wrap li .cont	.tit				{position:relative;  font-size:1.2em;font-weight:600;color:#000; padding:5px 0 10px 0;   }
.exper_list_wrap li .cont	.tit .cate_wrap		{ padding:0 0 5px 0;  } 
.exper_list_wrap li .cont	.tit .cate_wrap span		{  position:relative; top:-2px;display:inline-block ; color:#fff; line-height:28px;padding:0 12px 1px 12px; font-size:0.85rem; border-radius:50px; margin-right:1px;  } 
.exper_list_wrap li .cont	.tit .cate		{  background:#ac7c70;   } 
.exper_list_wrap li .cont	.txt				{padding-bottom:10px; border-bottom:1px solid  #e4e4e4; }
.exper_list_wrap li .cont	.txt p			{position:relative;color:#777; padding:0 0 2px 15px; font-size:0.9em;}
.exper_list_wrap li .cont	.txt p::before		{position:absolute; content:''; display:block; left:3px; top:10px; width:3px; height:3px; border-radius:5px; background:#999;}
.exper_list_wrap li .like						    {position:absolute; top:0; right:5px; font-size:0.85em; color:#aaa; padding-left:5px; }
.exper_list_wrap li .like i						{color:#ccc;}
.exper_list_wrap li .tag						    {position:absolute;right:0; bottom:2px; z-index:1;}
.exper_list_wrap li .tag span				{position:relative;  font-size:0.95rem !important;padding:0 20px;min-width:170px;line-height:45px;border-radius:50px; overflow:hidden; }
.exper_list_wrap li .tag span.state_acc	{ }
.exper_list_wrap li .tag span.state_ing	{  }
.exper_list_wrap li .tag span.state_not	{display:none;}


.exper_list_wrap li .program_ptype01		{background:#ff6600;}
.exper_list_wrap li .program_ptype02		{background:#0a9e77; }  /* 녹색*/
.exper_list_wrap li .program_max01		{ background:#393939;  }
.exper_list_wrap li .program_max02		{ background:#777;  }


.exper_list_wrap li .cont	.turn			{position:relative;display:flex;text-align:center;  font-size:0.85em;margin:15px 0 0 0;}
.exper_list_wrap li .cont	.turn dt		{border:1px solid #222;background:#333;color:#fff;line-height:34px; padding:0 13px;}
.exper_list_wrap li .cont	.turn dd		{border:1px solid #d9d9d9;background:#fff;color:#444;line-height:34px; padding:0 13px;}
.exper_list_wrap li .cont	.turn dt i		{margin-right:5px;}

.exper_list_wrap li:hover					    {border-color:var(--color1);box-shadow:3px 3px 15px rgba(0, 0, 0, 0.12);}
.exper_list_wrap li:hover figure img	{transform: scale(1.1);  } 

@media screen and (max-width:1200px) {   
.exper_list_wrap li .cont	.turn dt		{ line-height:32px; padding:0 10px; }
.exper_list_wrap li .cont	.turn dd		{ line-height:32px; padding:0 10px; }
}
@media screen and (max-width:1024px) {   
.exper_list_wrap li .cont	.tit				{ font-size:1.15em;}
.exper_list_wrap li .cont	.turn dt		{ line-height:30px; padding:0 10px 1px 10px; }
.exper_list_wrap li .cont	.turn dd		{ line-height:30px;padding:0 10px 1px 10px; }
.exper_list_wrap li .cont	.turn			{  font-size:0.85em;margin:10px 0 0 0;}
}
@media screen and (max-width:768px) {    
.exper_list_wrap li a 								{ padding:0.75em;}
.exper_list_wrap li .tag span				{ min-width:160px;}
}
@media screen and (max-width:600px) {    
.exper_list_wrap li a							    { grid-template-columns:1fr;gap:15px;  } 
.exper_list_wrap li .cont						{ padding:0 10px 65px 10px; }
.exper_list_wrap li .cont	.tit				{ font-size:1.1em; padding:0 0 10px 0; line-height:1.4em;}  
.exper_list_wrap li .cont	.txt p			{  padding:0 0 2px 11px; }
.exper_list_wrap li .tag						    {text-align:center;bottom:5px; right:initial;left:50%; transform: translateX(-50%); }
.exper_list_wrap li .tag span				{ line-height:40px;  } 
}

/* 리스트  ================================================================================== */


 

/* 온라인 강의 뷰페이지  ================================================================================== */ 
.exper_view_wrap									{position:relative; display: grid; grid-template-columns:40% auto;gap:2em; margin:0 0 50px 0;}
.exper_view_wrap .img								{ overflow:hidden; border-radius:0.7em; box-shadow:0 0 15px 1px rgba(0,0,0,0.07); display:flex;}
.exper_view_wrap .img img						{width:100%;height:100%;object-fit:cover;}
.exper_view_wrap .inner								{ border-top:var(--bbs-border-width1) solid var(--bbs-border-color1); border-bottom:1px solid #ddd; padding:30px 0;}
.exper_view_wrap .inner .tit						{ padding-bottom:20px;}
.exper_view_wrap .inner .tit span              {margin-right:10px; top:-4px; }
.exper_view_wrap .inner .tit strong			{ font-weight:700; font-size:1.6em; line-height:1.3;color:#000;    }
.exper_view_wrap .inner .tit .state_not		{display:none;}
 
.exper_view_wrap .inner dl							{position:relative;display:flex; gap:15px; font-size:0.95em;   }
.exper_view_wrap .inner dl + dl                 {margin-top:6px;}
.exper_view_wrap .inner dt							{  position:relative;width:110px;letter-spacing:0; color:#000; font-weight:500; padding:0 0 0 12px;}
.exper_view_wrap .inner dd						{flex:2;}
.exper_view_wrap .inner dt::before			{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; border-radius:0.7em;background:#555;}
.exper_view_wrap .inner dt::after				{position:absolute; content:''; display:block; right:0; top:4px; width:1px; height:1em; border-right:1px solid #ddd;}

.exper_view_wrap .file li							{font-size:0.9em;color:#000;}
.exper_view_wrap .fpilsu							{font-size:0.9em;color:#000 !important;}


@media screen and (max-width:1024px) {
	.exper_view_wrap								        { gap:1.2em;margin-bottom:40px;}
	.exper_view_wrap .inner							{padding:15px 10px;  }
	.exper_view_wrap .inner .tit					{padding-bottom:15px;}
	.exper_view_wrap .inner .tit strong		{font-size:1.5em;} 
    .exper_view_wrap .inner dl							{ gap:12px;    }
    .exper_view_wrap .inner dl + dl              {margin-top:4px;}
	.exper_view_wrap .inner dt						{width:90px; padding-left:10px;} 

	.exper_view_wrap .mydash						{padding:15px 5px;}
	.exper_view_wrap .mydash dl					{padding:0 15px;font-size:0.9em;} 
}

@media screen and (max-width:768px) {
	.exper_view_wrap								{  grid-template-columns:repeat(1, 1fr); gap:0.5em; }
	.exper_view_wrap .inner .tit strong		{font-size:1.35em;} 
	.exper_view_wrap .img							{max-width:500px;width:100%;  margin:auto; }
	.exper_view_wrap .inner							{padding: 15px 0;border-top:0; }
}


/* 온라인 강의 뷰페이지  ================================================================================== */