/* 공통 ==================================================================================== */ 
.fw2030				{width:20% !important; }
.teacher_dotline											{width:100%;height:1px;border-top:1px dashed #ccc;padding-top:40px;margin-top:40px;}


/* 동의서 
.teacher_agree_box .box { border: 1px solid #eaeaea; padding: 20px; background: #fff;}
.teacher_agree_box .textarea_form {border-color: #fff;font-size: 0.9em;padding: 0;height: 150px;}
.teacher_agree_box .bottom {background: #f5f5f5;text-align: center;font-size: 0.9em;padding: 10px;margin-top: 20px;}

@media screen and (max-width: 1024px) {
    .teacher_agree_box {margin-top:20px;}
}
*/

/* 개인정보 동의  ================================================================================== */
.teacher_agree_box											{position:relative;}
.teacher_agree_box .box									{position:relative;border:1px solid #dfdfdf; background:#fff;}
.teacher_agree_box .textarea_form				{border-color:#fff; font-size:0.9em;padding:25px; height:230px;}
.teacher_agree_box .bottom							{position:relative;background:#f4f5f7; text-align:center; font-size:0.9em; padding:20px; color:#000; }
 .teacher_agree_box .bottom input[type="checkbox"] { display: none;  } /* 체크박스 이미지 설정 */
.teacher_agree_box .bottom input[type="checkbox"] + label {position: relative;padding-left:45px; cursor: pointer;display: inline-block; }
.teacher_agree_box .bottom input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top:-4px;border:1px solid #ddd;  width: 30px; height: 30px; border-radius:50px; background: url('../img/checkbox.png') no-repeat #fff; background-size: contain;  }
.teacher_agree_box .bottom input[type="checkbox"]:checked + label:before {background: url('../img/checkbox_on.png') no-repeat #006edd; border-color:#006edd;  background-size: contain;  }
 
@media screen and (max-width:1100px) {
.teacher_agree_box .textarea_form				{ padding:25px; height:210px;}
.teacher_agree_box .bottom							{ padding:20px 0; }
}
@media screen and (max-width:600px) {
.teacher_agree_box .textarea_form				{ padding:20px;  }
.teacher_agree_box .bottom input[type="checkbox"] + label { padding-left:37px;  }
.teacher_agree_box .bottom input[type="checkbox"] + label:before { top:-2px;width:28px; height: 28px;}
} 
/* 개인정보 동의  ================================================================================== */






/* 강사현황 리스트 검색  ==================================================================================== */
.teacher_search																	{overflow:hidden; margin-bottom:30px;  }
.teacher_search .ginfo															{float:left; padding:15px 0 0 0; } 
.teacher_search .search_inner												{float:right; position:relative;width:55%; overflow:hidden;display: grid; grid-template-columns: 33% auto; gap:5px; }
.teacher_search .search_select_box									{display:inline-block;  }
.teacher_search .search_select_box + .search_select_box{ margin-left:10px;}
.teacher_search .search_inner > *										{float:left}
.teacher_search .search_inner select									{width:100%;   height:48px;  font-size:0.95em;  vertical-align:top; cursor:pointer;  }
.teacher_search .search_input_box  									{position:relative;  }  
.teacher_search .search_input_box:after							{position:relative; content:'';display:block;clear:both}
.teacher_search .search_inner input[type="text"]				{position:relative;width:calc(100% - 48px); height:48px;  font-size:0.95em;  padding-right:22px;   }
.teacher_search .search_input_box a									{position:absolute; top:-7px; right:5px; color:#aaa; font-size:0.9em; }
.teacher_search .search_inner .search_btn						{position:absolute;top:0;right:0;width:48px;height:48px; line-height:42px;  font-size:1rem; text-align:center; border:1px solid #202943; background:#202943;   color:#fff;  }
  
@media screen and (max-width:1024px) {
.teacher_search																	{ margin-bottom:25px;  }
.teacher_search .ginfo															{float:none; padding:0 0 10px 0;}
.teacher_search .search_inner												{float:none; width:100%;}  
}  
@media screen and (max-width:600px) {  
.teacher_search .search_inner												{float:none;  width:100%;  grid-template-columns: 1fr;  } 
.teacher_search .search_inner select									{ height:36px; font-size:0.9em;  }
.teacher_search .search_inner input[type="text"]				{width:calc(100% - 36px); height:36px;  font-size:0.9em;}
.teacher_search .search_inner .search_btn						{width:36px;height:36px;line-height:33px; font-size:0.9rem; }
}
 

/* 강사현황 리스트  ================================================================================== */
.teacher_listbox								{position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px ; }
.teacher_listbox:after					{content:''; display:block; clear:both;}
.teacher_listbox li							{position:relative;   border:1px solid #dfdfdf; background:#f9f9f9;   padding:7px;    transition: all 0.3s ease; display: grid; grid-template-columns:30% auto;gap:5px;  }
.teacher_listbox figure					{position:relative;width:100%;aspect-ratio: 3.5 / 4.5;background:#fff; overflow: hidden; transition: all 0.3s ease;}
.teacher_listbox figure img			{width:100%; height:100%; object-fit:cover; transition: all 0.4s ease;}
.teacher_listbox em						{position:absolute; z-index:1; left:-15px; top:20px; font-size:0.95em; display:inline-block; min-width:80px; line-height: 36px; font-style:normal; text-align: center;color:#fff;}
.teacher_listbox .ing						{background:#e94d6a;}
.teacher_listbox .acc						{color:#e94d6a; border:1px solid #e94d6a; background:#fff;}
.teacher_listbox .end						{background:#737171;}
.teacher_listbox .cont 					{position:relative;text-align:left; padding:10px 15px  ;  }
.teacher_listbox .cont .name				{font-size:1.15em; font-weight:600; color:#2044a7; padding:0 0 15px 0;  }
.teacher_listbox .cont .program			{font-size:0.95em;  letter-spacing:-1px; color:#54b0f2; line-height:1.3;  overflow:hidden;height:22px;  text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word; }
.teacher_listbox .txt						{position:relative;  }
.teacher_listbox .txt p					{position:relative; font-size:0.95em; color:#777; padding:0 0 8px 10px; line-height:1.3; }
.teacher_listbox .txt p:before		{position:absolute; content:''; left:0; top:8px; width:3px; height:3px; background:#888; } 

.teacher_listbox .btn						{display:none; position:absolute; left:calc(50% - 25px);top:calc(50% - 25px); z-index:11;transition: all 0.3s ease; opacity:0;}
.teacher_listbox .more					{position:absolute; left:0; top:0; left:50%; top:50%;width:50px; height:50px; background:#54b0f2; border-radius:50%; cursor:pointer;}
.teacher_listbox .more:after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:19px; height:2px; background:#fff;}
.teacher_listbox .more:before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:19px; background:#fff;}
  
.teacher_listbox li:hover				 	{ box-shadow: 3px 3px 15px 0 rgba(0,0,0,0.15); }
.teacher_listbox li:hover figure img	{ transform: scale(1.05);  }
.teacher_listbox li:hover .btn			{opacity:1;}
.room_nolist									{text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:100px 0; color:#999;}

  
@media screen and (max-width:1200px) { 
	.teacher_listbox li							{  padding:5px;  } 
	.teacher_listbox .cont 					{ padding:10px  ;  } 
	.teacher_listbox .cont .name		{font-size:1.1em;padding:0 0 10px 0; }
	.teacher_listbox .txt p					{ font-size:0.9em; padding:0 0 4px 10px;  }
}
@media screen and (max-width:1024px) { 
	.teacher_listbox								{  gap:10px; }
	.teacher_listbox em						{font-size:0.85em; line-height:30px; min-width:68px; left:-10px; top:15px;}  
	.room_nolist									{padding:60px 0;} 
}  
@media screen and (max-width:700px) { 
	.teacher_listbox								{grid-template-columns: repeat(1, 1fr); }  
	.teacher_listbox li							{  grid-template-columns:25% auto;  } 
}   
@media screen and (max-width:460px) { 
	.teacher_listbox li							{  grid-template-columns:100px auto;  } 
}
 




/* 강사현황 뷰페이지  ================================================================================== */
.teacher_view_wrap												{position: relative;display: grid; grid-template-columns:25% auto; gap:2%; margin: 0 0 50px 0;background:#f8f8f8; border-radius:0;  border:1px solid #dfdfdf; padding:20px; overflow: hidden; transition:all 0.3s ease;}
.teacher_view_wrap .img										{ overflow: hidden;transition:all 0.3s ease;}
.teacher_view_wrap .img img								{width: 100%; }
.teacher_view_wrap .inner									{  padding: 5px 10px ;transition:all 0.3s ease;} 
.teacher_view_wrap .inner .tit								{position: relative;font-size: 1.55em;font-weight: 600;color: #000;letter-spacing: -1px;line-height: 1.3;padding: 0 0 20px 0;transition:all 0.3s ease;}
.teacher_view_wrap .inner .tit span					{display: block;padding: 0 0 5px 0;font-size:0.75em; font-weight:500; color:#54b0f2; }
.teacher_view_wrap .inner .tit .state_not			{display: none;}
.teacher_view_wrap .inner .box							{  }
.teacher_view_wrap .inner dl								{position: relative;display: flex;font-size: 0.95em;padding:4px 0 ;color: #000;}
.teacher_view_wrap .inner dt								{position: relative;width: 150px;letter-spacing: -1px;padding: 0 0 0 15px;}
.teacher_view_wrap .inner dd {flex: 2;}
.teacher_view_wrap .inner dt:before					{position: absolute;content: '';display: block;left: 3px;top:11px;width: 3px;height: 3px;border-radius:5px; background: #999;}
.teacher_view_wrap .inner dt:after						{position: absolute;content: '';display: block;right:15px;top: 4px;width: 1px;height: 17px;background: rgb(0,0,0,0.15);}



.teacher_view_wrap .file li {font-size: 0.9em;color: #000;}

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


@media screen and (max-width: 1400px) {
.teacher_view_wrap												{ padding:15px; }
.teacher_view_wrap .inner .tit								{font-size: 1.5em; padding: 0 0 15px 0;}
}

@media screen and (max-width: 1024px) {
    .teacher_view_wrap							{ gap: 15px;margin: 0 0 40px 0;}
    .teacher_view_wrap .img					{max-width: 400px;width: 100%; margin: auto;}
    .teacher_view_wrap .inner				{padding: 0 10px;}
    .teacher_view_wrap .inner .tit			{font-size: 1.35em; }
    .teacher_view_wrap .inner dl			{font-size: 0.9em;padding: 2px 0;}
    .teacher_view_wrap .inner dt			{width:130px;}
    .teacher_view_wrap .inner dt:after {right: 10px;}
}

@media screen and (max-width:700px) {
    .teacher_view_wrap								{grid-template-columns:1fr; gap:10px;  padding:10px;} 
    .teacher_view_wrap .inner					{padding: 10px;}
    .teacher_view_wrap .inner .tit				{font-size: 1.25em; padding: 0 0 10px 0;}
	.teacher_view_wrap .inner .tit span	{ display: inline-block;padding: 0 5px 0 0 ;font-size:0.85em;}
    .teacher_view_wrap .mydash				{padding: 15px 5px ;}
    .teacher_view_wrap .mydash dl			{padding: 0 15px;font-size: 0.9em;}
}