/* 리스트 */
.tbl-stat {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px}
/* .tbl-stat caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.tbl-stat thead th, .tbl-stat tbody th {padding:20px; border:solid #e0e0e0; border-width:0 1px 1px 1px; background:#f6f6f6; color:#333; word-wrap:break-word; }
.tbl-stat tbody th {background:#fcfcfc}
.tbl-stat thead th:first-child, .tbl-stat tbody th:first-child,.tbl-stat tbody td:first-child, .tbl-stat tfoot td:first-child {border-left:0px;}
.tbl-stat thead th:last-child, .tbl-stat tbody th:last-child, .tbl-stat tbody td:last-child, .tbl-stat tfoot td:last-child { border-right:0}
.tbl-stat tbody td {padding:20px; text-align:left;  border:1px solid #e0e0e0; border-width:1px;word-break: break-all; line-height:1.6}
.tbl-stat .left,.tbl-stat .l {padding-left:20px}/*여백 재설정이 필요할 경우*/
.tbl-stat tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#e6360d;}
.tbl-stat tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center;  padding:10px 0; color:#333; font-weight:bold;}
.tbl-stat tbody td h2 { font-size:18px; font-weight:bold}

/* th 정렬 */
.tbl-stat thead th.sort a {display:inline-block;  padding-right:15px; margin:0px 3px; font-weight:bold;}
.tbl-stat thead th.sort a:hover, .tbl-stat thead th a:focus, .tbl-stat thead th.sort a:active {text-decoration:underline;color:#e6360d; }
.tbl-stat thead th.sort_up a {color:#e6360d;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_up a:hover, .tbl-stat thead th.sort_up a:focus, .tbl-stat thead th.sort_up a:active {text-decoration:underline;}
.tbl-stat thead th.sort_dw a  {color:#e6360d;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_dw a:hover, .tbl-stat thead th.sort_dw a:focus, .tbl-stat thead th.sort_dw a:active {text-decoration:underline;}
.tbl-stat td.sort {color:#e6360d; font-weight:bold;}

/* 포인트 색 */
.tbl-stat .point {background:#f8f5f3;}


@media screen and (max-width: 600px) {
	.tbl-stat tbody td { padding:10px}
	.tbl-stat {font-size:14px}
	
}

/*240416*/
/* 리스트 */
.basic_tbl {clear:both; width:100%; border-top:#ecf0f1 1px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px;margin-top:10px;}
/* .basic_tbl caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.basic_tbl thead th, .basic_tbl tbody th {height:40px; padding:20px 0; border-bottom:1px solid #ececec; text-align:center; font-weight:700;}
.basic_tbl tbody th {background:#fcfcfc}
.basic_tbl thead th:first-child, .basic_tbl tbody th:first-child,.basic_tbl tbody td:first-child, .basic_tbl tfoot td:first-child {border-left:0px;}
.basic_tbl thead th:last-child, .basic_tbl tbody th:last-child, .basic_tbl tbody td:last-child, .basic_tbl tfoot td:last-child { border-right:0}
.basic_tbl tbody td {text-align:center; padding:10px 5px; color:#000 ;border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; line-height:1.4em; height:60px; word-break:break-all;}
.basic_tbl .left,.basic_tbl .l {padding-left:20px}/*여백 재설정이 필요할 경우*/
.basic_tbl tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#e6360d;}
.basic_tbl tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center;  padding:10px 0; color:#333; font-weight:bold;}
.basic_tbl tbody td h2 { font-size:18px; font-weight:bold}

/* th 정렬 */
.basic_tbl thead th.sort a {display:inline-block;  padding-right:15px; margin:0px 3px; font-weight:bold;}
.basic_tbl thead th.sort a:hover, .basic_tbl thead th a:focus, .basic_tbl thead th.sort a:active {text-decoration:underline;color:#e6360d; }
.basic_tbl thead th.sort_up a {color:#e6360d;  padding-right:15px; margin:0px 3px}
.basic_tbl thead th.sort_up a:hover, .basic_tbl thead th.sort_up a:focus, .basic_tbl thead th.sort_up a:active {text-decoration:underline;}
.basic_tbl thead th.sort_dw a  {color:#e6360d;  padding-right:15px; margin:0px 3px}
.basic_tbl thead th.sort_dw a:hover, .basic_tbl thead th.sort_dw a:focus, .basic_tbl thead th.sort_dw a:active {text-decoration:underline;}
.basic_tbl td.sort {color:#e6360d; font-weight:bold;}

.basic_tbl .fixed-height {height:150px}
/* 포인트 색 */
.basic_tbl .point {background:#f8f5f3;}


@media screen and (max-width: 640px) {
	.basic_tbl {font-size:14px}
	.basic_tbl thead th {height:30px; padding:10px 0;}
	.basic_tbl tbody td {height:30px}
	
}

/* 마이페이지 - 수강과정 */
#mypage_course {position:relative;margin-bottom:20px;min-height:500px}
#mypage_course:after {display:block;visibility:hidden;clear:both;content:""}
.edu {display:block;color:#000;font-weight:bold}
.edu a {display: block;width: 100%;height: 100%;text-decoration: none;background-color: transparent; }
.edu a:hover {color: #fd5f00;}

#mypage_course .tbl_head01 thead th {font-weight:700;font-size:17px;}
#mypage_course .tbl_head01 a {font-size:16px;text-decoration: none;}
#mypage_course .tbl_head01 tbody td {font-size:16px;color:#333}

#mypage_course .sth_type {width:10%;}
#mypage_course .sth_csName {width:37%;}
#mypage_course .sth_inst {width:10%;}
#mypage_course .sth_edu {width:17%;}
#mypage_course .sth_stat {width:10%;}
#mypage_course .sth_survey {width:8%;}
#mypage_course .sth_cert {width:8%;}
#mypage_course .std_type,
#mypage_course .std_inst,
#mypage_course .std_edu,
#mypage_course .std_stat,
#mypage_course .std_survey,
#mypage_course .std_cert {
    text-align: center;
}

.survey_n, .cert_y {cursor: pointer;border:none;display: inline-block;background:#28B2CF; border-radius:20px; padding:4px 8px; color:#fff; width:65px;text-align: center;vertical-align: middle;}
.survey_y, .cert_n {border:none;display: inline-block;background:#d3d3d3; border-radius:20px; padding:4px 8px; color:#000; width:65px;text-align: center;vertical-align: middle;}
.sp_none {display: none;}


@media screen and (max-width: 640px) {
	#mypage_course .sth_type {display:none}
	#mypage_course .sth_csName {width:80%;}
	#mypage_course .sth_inst {display:none}
	#mypage_course .sth_edu {display:none}
	#mypage_course .sth_stat {display:none}
	#mypage_course .sth_survey {width:20%;}
	#mypage_course .sth_cert {display:none}
	#mypage_course .std_type {display:none}
	#mypage_course .std_inst {display:none}
	#mypage_course .std_edu {display:none}
	#mypage_course .std_stat {display:none}
	#mypage_course .std_cert {display:none}

	.survey_n, .survey_y {padding:2px 4px;width:55px;}
	#mypage_course .tbl_head01 thead th {font-size: 15px;height: 40px;padding: 10px 0;}
	#mypage_course .tbl_head01 tbody td {font-size: 14px; height: 40px;}
	#mypage_course .tbl_head01 a {font-size: 15px;}

	.sp_none {display: inline-block;width:100%;font-size:13px;margin-top:4px;}
	.sp_none .sp_line {margin:0 3px 0 5px;border:1px solid lightgrey}
}

/* 마이페이지 - 담당과정 */
#mypage_course .inh_type {width:10%;}
#mypage_course .inh_csName {width:42%;}
#mypage_course .inh_csType {width:13%;}
#mypage_course .inh_edu {width:17%;}
#mypage_course .inh_stat {width:10%;}
#mypage_course .inh_survey {width:8%;}
#mypage_course .ind_type,
#mypage_course .ind_csType,
#mypage_course .ind_edu,
#mypage_course .ind_stat,
#mypage_course .ind_survey {
    text-align: center;
}

@media screen and (max-width: 640px) {
	#mypage_course .inh_type {display:none}
	#mypage_course .inh_csName {width:80%;}
	#mypage_course .inh_csType {display:none}
	#mypage_course .inh_edu {display:none}
	#mypage_course .inh_stat {display:none}
	#mypage_course .inh_survey {width:20%;}
	#mypage_course .ind_type {display:none}
	#mypage_course .ind_csType {display:none}
	#mypage_course .ind_edu {display:none}
	#mypage_course .ind_stat {display:none}
}


/* 교육일정 */
#edu_year {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed;font-family:Noto DemiLight,sans-serif}
#edu_year tbody th {height:40px; padding:40px 0;font-weight:700;border-bottom:1px solid #e0e0e0;width:20%;font-size:23px}
#edu_year tbody td {padding:20px; color:#000 ;line-height:1.4em; height:60px;border-bottom:1px solid #e0e0e0;width:80%;text-align:left;}

#edu_year tbody td .edu_line {position: relative;padding:8px 8px 8px 20px;font-size:17px;}
#edu_year tbody td .edu_line:before{position: absolute;top:17px;left:0px;width:6px;height:6px;background:#4b4b4b;content: '';border-radius:50%;}

#edu_year tbody td .edu_line .br {padding:0 60px}

#edu_month .dot {width:7px;height:7px;background:#0FA3D4;border-radius:50%;display:inline-block;bottom:5px;left:50%;transform:translateX(-50%);position: absolute;}

#edu_data {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px;}
#edu_data thead th {padding:10px 0;font-weight:700;border-bottom:1px solid #e0e0e0;height:45px}
#edu_data tbody td {color:#000 ;line-height:1.4em;border-bottom:1px solid #e0e0e0;}
#edu_data .th_date {width:20%}
#edu_data .th_csName {width:60%;}
#edu_data .th_stat	{width:20%}
#edu_data .td_date {font-weight:700;padding:10px 0}
#edu_data .td_csName {text-align:left;padding:10px;}
#edu_data .td_csName a {display: block;width: 100%;height: 100%;text-decoration: none;background-color: transparent;padding:10px; }
#edu_data .td_csName a:hover {color: #fd5f00;}
#edu_data .td_stat {text-align:center;}
#edu_data .td_stat .edu {display: inline-block;border-radius:20px; padding:4px 6px;color:#fff;width:75%;text-align:center;vertical-align:middle;font-weight:400;font-size:15px;}
#edu_data .soon {background:#F09336;} /* 모집예정-주황색 */
#edu_data .ing {background:#0FA3D4;} /* 모집중-하늘색 */
#edu_data .end {background:#6F6F6F;} /* 완료 */
#edu_data .edu_ing {background:#3A5AC4;} /* 교육중-남색 */
#edu_data .none {text-align:center;border-bottom:none;padding-top:30px}

#edu_data .sp_none {display:none}

#edu_month {clear:both; width:100%;border-collapse: collapse; border-spacing:0px;table-layout:fixed;font-size:19px;}
#edu_month tbody th {width: calc(100%/7);height:45px;}
#edu_month tbody td {font-weight: 600;height:55px;position: relative;}

#edu_month .sunday {color:red}
#edu_month .saturday {color:blue}

@media screen and (max-width: 640px) {
	#edu_year tbody th {font-size:17px;padding:10px}
	#edu_year tbody td {padding:10px}
	#edu_year tbody td .edu_line .br {padding:5px 0;display:block;}
	#edu_year tbody td .edu_line {font-size:15px;padding-left:15px;}
	#edu_year tbody td .edu_line:before{position: absolute;top:14px;left:0px;width:5px;height:5px;background:#4b4b4b;content: '';border-radius:50%;}

	#edu_data thead th {font-size:15px;height:40px}
	#edu_data .sp_none {display: inline-block;width:100%;font-size:13px;margin-top:4px;}
	#edu_data .sp_none .sp_line {margin:0 10px;border:1px solid lightgrey}
	#edu_data .th_date,
	#edu_data .td_date,
	#edu_data .th_stat,
	#edu_data .td_stat {display:none}
	#edu_data .th_csName {width:100%;}
	#edu_data .td_csName a {padding:0;font-size:15px;}
	#edu_data .sp_none .edu {display: inline-block;border-radius:20px; padding:0 2px;color:#fff;width:65px;text-align:center;vertical-align:middle;font-weight:400;font-size:13px;}

	#edu_month {font-size:17px;}
	#edu_month tbody th {height:40px;}
	#edu_month tbody td {height:45px;}
	#edu_month .dot {width:5px;height:5px;}
}

/* 설문조사 */
#survey {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px;}
#survey thead th {font-weight:700;border-bottom:1px solid #e0e0e0;height:40px;font-size:17px;padding:20px 0;}
#survey tbody td {font-size:16px;padding:10px 5px;height:60px;color:#000;line-height:1.4em;border-bottom:1px solid #e0e0e0;line-height:1.4em;}

#survey .th_subject {width:60%}
#survey .th_date {width:40%}
#survey .td_subject {}
#survey .td_date {text-align:center;}
#survey .sp_none {display:none}


/* 설문조사 모바일 */
@media screen and (max-width: 640px) {
	#survey thead th {font-size:15px;height:40px;padding:10px 0}
	#survey tbody td {font-size:14px;height:40px;}

	#survey .th_subject {width:100%}
	#survey .th_date {display:none}
	#survey .td_subject {}
	#survey .td_date {display:none}
	#survey .sp_none {display: inline-block;width:100%;font-size:13px;margin-top:4px;}
}