/*버튼

.btns { border-radius: 0px; color: #fff; display: inline-block; font-size: 1.0em;}
.btns.btns1 { background: #e044ea;}
.btns.btns2 { background: #5C5C5C;}
.btns.btns3 { background: #ffc413;}
.btns.btns4 { background: #f88000;}
.btns.btns5 { background: #2e25d3;}
.btns.btns6 { background: #2a89ff;}
.btns.btns7 { background: #1f5daa;}
*/

/*강좌탭*/
#lecture_cats_wraps { width: 100%; background: #eeeeee;}
#lecture_cats_wraps .lecture_cats { width: 100%; max-width: 1280px; margin: auto;}
#lecture_cats_wraps .lecture_cats ul { overflow: hidden;}
#lecture_cats_wraps .lecture_cats ul li { float: left; width: 33.33333333333333%; text-align: center; padding: 2% 0; border:0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;background: #f7f7f7; font-size: 1.3em; }
#lecture_cats_wraps .lecture_cats ul li:last-child { border-right: 1px solid #ccc; }
#lecture_cats_wraps .lecture_cats ul li a { font-weight: 700; font-size: 1.0em; }
#lecture_cats_wraps .lecture_cats ul li i { color:#3a448e; font-size: 1.0em;}
#lecture_cats_wraps .lecture_cats ul li:hover { background: #e5e5e5;}


@media only screen  and (min-width: 200px) {
	 #lecture_cats_wraps { display: block;}
	 #lecture_cats_wraps .lecture_cats ul li { padding: 2% 0;}
	 #lecture_cats_wraps .lecture_cats ul li { font-size: 1.0em;}
}
@media only screen and (min-width: 480px) {
	 #lecture_cats_wraps { display: block;}
	 #lecture_cats_wraps .lecture_cats ul li { padding: 2% 0;}
	 #lecture_cats_wraps .lecture_cats ul li { font-size: 1.0em;}
}
@media only screen and (min-width: 768px) {
	 #lecture_cats_wraps { display: block;}
	 #lecture_cats_wraps .lecture_cats ul li { padding: 1% 0;}
	 #lecture_cats_wraps .lecture_cats ul li { font-size: 1.2em;}
}
    
@media only screen and (min-width: 970px) {
	 #lecture_cats_wraps { display: block;}
	 #lecture_cats_wraps .lecture_cats ul li { padding: 1% 0;}
	 #lecture_cats_wraps .lecture_cats ul li { font-size: 1.3em;}
}
    
@media only screen and (min-width: 1170px) {    
    #lecture_cats_wraps { display: block;}
	#lecture_cats_wraps .lecture_cats ul li { padding: 1% 0;}
	#lecture_cats_wraps .lecture_cats ul li { font-size: 1.3em;}
}

#lecture_cats_wraps .lecture_cats2 ul li { width: 50%; }

/*강좌목록2*/

.lecture_search { overflow: hidden; font-size: 1.2em; }

.lecture_search .lect_catagory { float: left; margin-top: 15px; }
	.lecture_search .lect_catagory ul { overflow: hidden; text-align: center;}
	.lecture_search .lect_catagory ul li { float: left; width: 25%; padding-top: 10px; }
	.lecture_search .lect_catagory a { display: block; width: 100%; border-bottom: 1px solid #666; border-left: 1px solid #ccc; border-top: 1px solid #cdcdcd; background: #fdfdfd; padding: 7px 0; height: auto;  }
	.lecture_search .lect_catagory ul li.actives { padding: 0 0;}
	.lecture_search .lect_catagory ul li.actives a { color: #fff; font-size: 1.3em; background: #333; color: #fff; border-bottom: 1px solid #333; border-left: 1px solid #333; border-top: 1px solid #333; padding: 12px 0; border-radius: 5px 5px 0 0 ; }
	.lecture_search .lect_catagory ul li:last-child a { border-right: 1px solid #666;}


.lecture_search .lect_weeks { float: left; width: 33.33333333333333%; overflow: hidden;}
	.lect_weeks span { position: relative; width: auto; display: inline-block; margin: 0px; padding: 0px; text-align: center; float: left; }
	.lect_weeks span label { display: inline-block; padding: 2px 7px; border:0px; border-bottom: 1px solid #666; border-left: 1px solid #ccc; border-top: 1px solid #cdcdcd;  background: #fdfdfd; cursor: pointer; width: 100%; height: auto; margin: 0px; font-weight: 400;}
	.lect_weeks span input[type="checkbox"] {position: absolute;width: 1px;	height: 1px;padding: 0;	margin: -1px;overflow: hidden;	clip:rect(0,0,0,0);	border: 0; }
	.lect_weeks span.actives label { background: #333; color: #fff; border-bottom: 1px solid #333; border-left: 1px solid #333; border-top: 1px solid #333;  }
	.lect_weeks span:last-child { border-right: 1px solid #666;}

.lecture_search .lect_world { float: left; width: 33.33333333333333%;}

@media only screen  and (min-width: 200px) {
	.lecture_search { display: flex; display: flex; flex-direction: row; flex-wrap: wrap;  margin-bottom: 15px;}
    .lecture_search .lect_catagory { width: 100%; margin: 5px 0; float: left; order: 1;}
	.lecture_search .lect_catagory a { font-size: 0.8em;}
	.lecture_search .lect_catagory ul li.actives a { font-size: 0.8em; }

	.lecture_search .lect_weeks { width: 100%; margin: 5px 0; float: right; order: 2;}
		.lect_weeks span { width: 14.28571428571429%; margin: 0;}

	.lecture_search .lect_world { width: 100%; float: right; order: 3;}
}
@media only screen and (min-width: 480px) {
	.lecture_search {  display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 15px;}
    .lecture_search .lect_catagory { width: 100%; margin: 5px 0;float: left; order: 1;}
	.lecture_search .lect_catagory a { font-size: 0.8em;}


	.lecture_search .lect_weeks { width: 100%; margin: 5px 0 10px 0; float: right; order: 2;}
		.lect_weeks span { width: 14.28571428571429%;  margin: 0;  }

	.lecture_search .lect_world { width: 100%;float: right; order: 3;}
}
@media only screen and (min-width: 768px) {
	.lecture_search { display: block;  margin-bottom: 0px;}

    .lecture_search .lect_catagory { width: 100%; margin: 15px 0 0 0; float: right;}
	.lecture_search .lect_catagory a { font-size: 1.0em;}
	.lecture_search .lect_catagory ul li.actives a { font-size: 1.2em; }

	.lecture_search .lect_weeks { width: 50%; margin: 0 0; float: left;}
		.lect_weeks span { width: auto; margin: 0;  }

	.lecture_search .lect_world { width: 50%; float: left;}
}
    
@media only screen and (min-width: 970px) {
	.lecture_search { display: block; margin-bottom: 0px;}

    .lecture_search .lect_catagory { width: 100%; margin: 15px 0 0 0;float: right; }
	.lecture_search .lect_weeks { width: 50%; margin: 0 0; float: left;}
		.lect_weeks span { width: auto; margin: 0;  }

	.lecture_search .lect_world { width: 50%; float: left;}
}
    
@media only screen and (min-width: 1170px) {   
	.lecture_search { display: block; margin-bottom: 0px;}

    .lecture_search .lect_catagory { width: 100%; margin: 15px 0 0 0; float: right; }
	
	.lecture_search .lect_weeks { width: 50%; margin: 0 0; float: left;}
		.lect_weeks span { width: auto; margin: 0;  }

	.lecture_search .lect_world { width: 50%; float: left;}
}



#lecture_list table.table { width: 100%; font-size: 1.1em; }
#lecture_list table.table th { text-align: center; font-size: 1.1em; border-bottom: 1px solid #ddd;  border-top: 3px solid #252525; padding: 10px 0;}
#lecture_list table.table > tbody > tr > td { vertical-align: middle; text-align: center; border-bottom: 1px solid #ddd;}
#lecture_list table.table > tbody > tr > td:first-child { text-align: left;}
#lecture_list table.table > tbody > tr > td:last-child { border-bottom: 1px solid #ccc;}
#lecture_list table.table > tbody > tr > td a.lec_title { font-size: 1.2em; font-weight: 700; }

#lecture_list table.table > tbody > tr > td b { display: inline-block;  margin-right: 10px; }


@media only screen  and (min-width: 200px) {
	#lecture_list table.table > tbody > tr > td { display:block;  text-align: left; border: 0px;}
	#lecture_list table.table > tbody > tr > td:first-child { text-align: left;}
	
	#lecture_list table.table > tbody > tr > td a.lec_title { font-size: 1.2em; font-weight: 700; }
	#lecture_list table.table > tbody > tr > td.lecture_temp { text-align: center;  vertical-align: middle;}
} 
@media only screen and (min-width: 480px) {
	#lecture_list table.table > tbody > tr > td { display:block;  text-align: left; border: 0px;}
	#lecture_list table.table > tbody > tr > td:first-child { text-align: left;}

	#lecture_list table.table > tbody > tr > td a.lec_title { font-size: 1.2em; font-weight: 700; }
	#lecture_list table.table > tbody > tr > td.lecture_temp { text-align: center;  vertical-align: middle;}
}
@media only screen and (min-width: 768px) {
	#lecture_list table.table > tbody > tr > td { display: table-cell; text-align: center;  border-bottom: 1px solid #ccc;}
	#lecture_list table.table > tbody > tr > td:first-child { text-align: left;}

	#lecture_list table.table > tbody > tr > td a.lec_title { font-size: 1.1em; font-weight: 400; }
	#lecture_list table.table > tbody > tr > td.lecture_temp { text-align: center;}
}
    
@media only screen and (min-width: 970px) {
	#lecture_list table.table > tbody > tr > td { display: table-cell; text-align: center;border-bottom: 1px solid #ccc;}
	#lecture_list table.table > tbody > tr > td:first-child { text-align: left;}
	
	#lecture_list table.table > tbody > tr > td a.lec_title { font-size: 1.1em; font-weight: 400; }
	#lecture_list table.table > tbody > tr > td.lecture_temp { text-align: center;}
}
    
@media only screen and (min-width: 1170px) {    
    #lecture_list table.table > tbody > tr > td { display: table-cell; text-align: center; border-bottom: 1px solid #ccc;}
	#lecture_list table.table > tbody > tr > td:first-child { text-align: left;} 

	#lecture_list table.table > tbody > tr > td a.lec_title { font-size: 1.1em; font-weight: 400; }
	#lecture_list table.table > tbody > tr > td.lecture_temp { text-align: center;  vertical-align: middle;}
}

.lecture_info { width: 100%; font-size: 1.1em;}
.lecture_info .lec_quaction { padding: 10px; border: 1px solid #ddd; margin-bottom: 10px;}
.lecture_info .lec_quaction ul { margin-left: 20px; list-style: disc;}

.lecture_info .request_status { display: block; width: 100%; text-align: right; margin-bottom: 15px; }
.lecture_info .request_status .btns { font-size: 1.2em; padding: 7px 15px;}
.lecture_info table.table { border-bottom: 1px solid #ddd; border-top: 3px solid #252525;}
.lecture_info table.table th.th1 { width: 120px; background: #f6f6f6; color: #5b5b53; font-weight: 400;  border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.lecture_info table.table td.td1 { color: #5b5b53; border-right: 1px solid #ddd; }


@media only screen  and (min-width: 200px) {
    .lecture_info table.table th.th1 { width: 100%; display: block; text-align: left;}
    .lecture_info table.table td.td1 { display: block;width: 100%; }
}
@media only screen and (min-width: 480px) {
    .lecture_info table.table th.th1 { width: 100%; display: block; text-align: left;}
    .lecture_info table.table td.td1 { display: block;width: 100%; }
}
@media only screen and (min-width: 768px) {
    .lecture_info table.table th.th1 { width: 25%; display: table-cell; text-align: center;}
    .lecture_info table.table td.td1 { display: table-cell;width: 75%;}
}
    
@media only screen and (min-width: 970px) {
    .lecture_info table.table th.th1 { width: 25%; display: table-cell; text-align: center;}
    .lecture_info table.table td.td1 { display: table-cell;width: 75%;}
}
    
@media only screen and (min-width: 1170px) {    
	.lecture_info table.table th.th1 { width: 15%; display: table-cell; text-align: center;}
    .lecture_info table.table td.td1 { display: table-cell;width: 85%;}
}

#lecture_content { overflow:auto;  }
#lecture_content  .content_txt { white-space:nowrap;border-collapse:collapse; width:200px; }


/*강좌신청*/
.lecture_request { font-size: 1.1em;}
.lecture_request .quaction { border: 4px solid #dddddd; padding: 10px 30px; font-size: 1.1em; line-height: 1.6em; margin:15px 0; text-align:justify;  background: url(/images/box_incon01.png) no-repeat 96% 0;}
	.lecture_request .quaction ul { margin-left: 25px; list-style: disc;}
.lecture_request table.table { font-size: 1.1em;}
.lecture_request table.table td.td1 { color:#000;}
.lecture_request table.table td ul { list-style: disc; margin-left: 25px;}
.lecture_request table.table td ul li { line-height: 1.5em; letter-spacing: -1px;}
.lecture_request table.table td ul li ul { list-style: none; font-size: 0.9em; margin: 5px 0 5px 15px;}
.lecture_request table.table td ul.pay_free { list-style: none; margin-left: 0;}
.lecture_request .pay_free li label { font-weight: 400;}
.lecture_request .note_txt2 { padding: 15px; color: #000; }
.lecture_request .note_txt2 h3 {  font-size:1.0em; line-height: 1.5em; letter-spacing: -1px; color: #000; font-weight: 700;}
.lecture_request .note_txt2 .reg_dates { padding: 10px 0; color: #000; font-weight: 700;}
.lecture_request .note_txt2 .names { display: block; text-align: right; color: #000; font-weight: 700;}
.lecture_request .note_txt2 .names span { display: inline-block; margin-right: 15px; font-weight: 400; }
.lecture_request .note_txt2 .owner { padding: 10px 0; display: block; text-align: right; color: #000; font-weight: 700;}


/*강사 신청*/
.teacher_request { width: 100%; margin: 0 ;}
.teacher_request .add_rows { width: 100%; border-right: 1px solid #ccc;}
.teacher_request .add_rows th { background: #f1f1f1; padding: 5px 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 0.8em; color: #333;}
.teacher_request .add_rows td { padding: 5px 0;border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; }
.teacher_request .add_rows .box { width: 90%;}
.teacher_request .content2 { width: 100%; height: 100px;}