/* 리스트 교육타입, 신청기간 등 스타일 ================================================================================== */ 
.assoc_list_type						{position:relative; display:inline-block;line-height:1.2;padding:8px 10px;font-size:0.95rem; letter-spacing:-1px;color:#fff; border-radius:2px; background: #004e97;   }
 
@media screen and (max-width:1024px) { 
.assoc_list_type						{ padding:8px 10px;margin:0 0 8px 0;  }
}




/* 교육 뷰 ================================================================================== */
 

.assoc_viewbox .cont			{padding:0 30px 40px 30px ; border-bottom:1px solid #ddd;}
.assoc_viewbox .cont img		{max-width:100%;}

.assoc_formbox				{padding:30px 15px; border:5px solid #333; display:none;}



@media screen and (max-width:1024px) { 
	.assoc_formbox				        {padding:20px 25px; padding-bottom:0;}
    .assoc_viewbox .cont			{padding:0 0 30px 0;  }

}

@media screen and (max-width:768px) { 
}






.assoc_sinlist_wrap				{border-top:1px solid #44465c; margin-bottom:20px;}
.assoc_sinlist_wrap li 			{position:relative; display:table; table-layout:fixed; text-align:center; width:100%; border-bottom:1px solid #dfdfdf;}
.assoc_sinlist_wrap li:hover		{background:#f4f5f8;}
.assoc_sinlist_wrap li p			{position:relative; display:table-cell; vertical-align:middle; padding:0 10px;}
.assoc_sinlist_wrap .head		{text-align:center;  background:#f9f9f9; line-height:56px;}
.assoc_sinlist_wrap .head:hover	{background:#f9f9f9;}
.assoc_sinlist_wrap .head p		{font-family: 'GmarketSansMedium'; color:#111; text-align:center;}
.assoc_sinlist_wrap .wrap		{padding:15px 0;}
.assoc_sinlist_wrap .wrap a		{display:table-row;}
.assoc_sinlist_wrap .wrap p		{color:#888;}

.assoc_sinlist_wrap .tit			{text-align:left; padding:0 20px;}
.assoc_sinlist_wrap .type		{width:15%;}
.assoc_sinlist_wrap .btn			{width:20%;}
.assoc_sinlist_wrap .btn a		{display:inline-block;}
.assoc_sinlist_wrap .wrap .tit	{color:#333; font-weight:500; font-size:1.1em; letter-spacing:-1px;}
.assoc_sinlist_wrap .tit	em		{display:block; font-style:normal; font-size:16px; letter-spacing:-0.75px; color:#888;}
.assoc_sinlist_wrap .date			{width:25%;}
.assoc_sinlist_wrap .confirm		{width:10%;}

.assoc_sinlist_wrap .stit		{display:none;}
.assoc_sinlist_wrap .sub_list02	{padding:1px 0 1px 12px;}

.assoc_sinlist_wrap .nolist		{width:100%; padding:80px 0;text-align:center; border-bottom:1px solid #dfdfdf; }



@media screen and (max-width:1024px) {
	.assoc_sinlist_wrap .head		{display:none;}	
	.assoc_sinlist_wrap li p			{display:block; padding:0; text-align:left;}
	.assoc_sinlist_wrap .wrap		{padding:15px 10px;}
	.assoc_sinlist_wrap .btn			{position:absolute; right:10px; top:15px; width:auto;}
	.assoc_sinlist_wrap .tit,
	.assoc_sinlist_wrap .type,
	.assoc_sinlist_wrap .confirm,
	.assoc_sinlist_wrap .date		{width:100%;font-size:0.9em;line-height:1.4;}
	.assoc_sinlist_wrap .tit			{padding:0px 85px 0px 0px;}
	.assoc_sinlist_wrap .stit		{display:inline-block; margin-right:3px;}
}



.asin_list_pc		{display:revert;}
.asin_list_mobile	{display:none;}

@media screen and (max-width:1024px) {
	.asin_list_pc		{display:none;}
	.asin_list_mobile	{display:revert;}
}

/* 재직자교육 신청내역 단계별 표시해줄 버튼스타일 */
.asin_btn					{position:relative; display: inline-block; text-align:center; vertical-align:middle; min-width:70px; padding:0 4px; line-height:30px; font-size:0.9rem !important; color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:2px; } 
.asin_btn_sin					{background:#37c200; color:#ffffff;} /* 신청 */
.asin_btn_ing					{background:#4ac1ff; color:#ffffff;} /* 승인 */
.asin_btn_return				{background:#ff0000; color:#ffffff;} /* 반려 */
.asin_btn_result				{background:#0022cd; color:#ffffff;} /* 결과보고완료 */
.asin_btn_end					{background:#c6c6c6; color:#ffffff;} /* 진행완료 */




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