@charset "utf-8";

.sub_search_box .sub_search_cont select.study_list_mb_7 { width:130px }

/* 수강현황 수강입력 테이블의 th 하단에 라인 넣기 - 전체에 적용되도록 함 */
.horizontal_table th { border-bottom: 1px solid #dbdbdb; }
.horizontal_table td { padding-left: 15px; padding-right: 15px; }
.work_wrap .horizontal_table td.td_number1 { text-align: center; }

input.btn_write.btn_write_no_line { border: none; }


.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:0px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

.frm_input { padding: 5px; }

.register_form_inner select{width: 100%;height: 40px;padding: 5px 5px 5px 2px;border: 1px solid #dbdbdb;border-radius: 0;color: #757575}
.register_form_inner li.chk_box { line-height: 20px;` } 
.register_form_inner label[for=reg_mb_mailling] {top: 3px} 


.sub_search_box .sub_search_cont select[name=suniv_id] { width:140px; }
.sub_search_box .sub_search_cont .search_reset { 
    height: 42px;
    display: inline-block;
    line-height: 38px;
    font-size: 17px;
    border: 1px solid #dbdbdb;
    cursor: pointer;
    color: #666;
    background: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    vertical-align: middle;
 }


.bottom_btns { 
	text-align: right;
}

.bottom_btns .btn_nor {
    display: inline-block;
    line-height: 39px;
    margin-top: 20px;
    padding: 0 15px;
    margin-left: 3px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #555;
    cursor: pointer;
    vertical-align: bottom;
}


.wrap_work_list .category3 { margin-top: -30px; }

.category3:after { display: block; content: ''; clear: both; }
.category3 li { 
	display: inline-block;
	float: left;
}
.category3 li a { 
	display: block;
    line-height: 39px;
    margin-top: 5px;
    padding: 0 15px;
    margin-left: 3px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    vertical-align: bottom;
 }
.category3 li.cate_on a { background:#257bca;  color: #fff; border: 1px solid #257bca; } 


.pg_current, .pg_page { 
    padding: 0 10px; 
    width: auto;
    height: auto;
    line-height: 32px;
    font-size: 15px;
 }

.pg_start, .pg_end { width: 35px; }
.pg_next, .pg_prev { width: 35px; }

.text-center { text-align: center; }


input[type=submit].btn_write { border: none; }

.horizontal_table th.th_border_right:last-child  { border-right: 1px solid #dbdbdb; }


select.common_select { height:42px;border:1px solid #ddd;margin-right:5px;font-size:15px;color:#666;padding-left:9px;box-sizing:border-box;background:url(/img/common/search_select_bg.gif) no-repeat 90% center;}
input[type="text"].common_input, input[type="number"].common_input { width:100%; height:42px;border:1px solid #ddd;padding-left:5px;box-sizing:border-box;}
input[type="submit"].common_input  {height:42px; font-size:17px;line-height:39px;border:1px solid #dbdbdb;border-left:0;cursor:pointer;color:#fff;background:#999;padding:0 20px;box-sizing:border-box;}


#sub_page_title { padding-top: 50px; }


.btn-xs { font-size: .9em; padding: 0 5px; }

select.select_style_1 {
    width:70px;height:30px;border:1px solid #ddd;margin-right:5px;font-size:.9em;
    color:#666; box-sizing:border-box; text-align: center;
}

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


	.btn-xs { height: 30px; line-height: 30px;  }

	/*폼 리스트*/
	.form_01 h2 {font-size:1.167em}
	.form_01 li {margin-bottom:20px}
	.form_01 ul:after,
	.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
	.form_01 .left_input {float:left}
	.form_01 .margin_input {margin-right:1%}
	.form_01 textarea {height:100px;width:100%}
	.form_01 .frm_label {display:inline-block;width:130px}


	.sub_top_banner { height: 200px; }
	.sub_top_banner dl { padding-top: 60px; line-height: 40px;}


	/*  수강현황 2번째 작은 타이틀 상단 여백   */
	.subTitle_margin_top { margin-top: 40px; }


	.horizontal_table2 th { width: 20%; }

	/* 수강현황 모달 팝업 */ 
	.modal_popup{display: none;position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 99999999;}
	.modal_wrap{position: absolute;left: 50%;top: 150px;width: 800px;height: 490px;margin-left: -400px;padding: 50px;background: #fff;border-radius: 10px;overflow-y: scroll}
	.modal_wrap_contents{position: relative}
	.modal_wrap_contents .pop_close{position: absolute;top: -20px;right: -20px;cursor: pointer}
	.modal_contents{}
	.modal_contents p.title{margin-bottom: 30px;font-size: 32px}
	.modal_contents p.stitle{margin: 50px 0 5px;font-size: 16px;font-weight: 500}
	.modal_contents .btns{text-align: center}
	.modal_contents .btns .btn_cancel{height: 34px;padding: 0 10px;background: #ddd; border: 1px solid #111;line-height: 34px;cursor: pointer}
	.modal_contents .btns .btn_submit{height: 34px;padding: 0 10px;line-height: 34px}

	.lecture_search {margin-bottom: 30px}
	.lecture_search select{height: 34px;width: 49%;padding: 0 5px;border: 1px solid #d0d0d0;color: #555;line-height: 32px}
	.lecture_search input[type=text]{height: 34px;margin-left: 5px;padding-left: 5px;border: 1px solid #d0d0d0;line-height: 32px}
	.lecture_search button{width: auto;height: 34px;margin-left: 5px;padding: 0 20px;background: #02429c;border: none;color: #fff;font-size: 14px;line-height: 32px}
	.lecture_sch_list{}
	.lecture_sch_list table{width: 100%;border-top: 2px solid #111;border-collapse: collapse;border-spacing:0}
	.lecture_sch_list th{padding: 5px 0;border-bottom: 1px solid #bbb;font-weight: 400}
	.lecture_sch_list td{padding: 5px 0 5px 10px;border-bottom: 1px solid #ddd}
	.lecture_sch_list td button{padding: 0 10px}
	.lecture_add{margin-top: 10px}
	.lecture_add dl{overflow: hidden;clear: both;width: 100%;padding-bottom: 10px;margin-bottom: 12px;border-bottom: 1px solid #d0d0d0}
	.lecture_add dl:after{content: ''; display: block;clear: both}
	.lecture_add dt{float: left;width: 80px;font-weight: 500;color: #111;vertical-align: middle}
	.lecture_add dd{margin-left: 80px;color: #555}
	.lecture_add input[type=text]{width: 54px;height: 34px;margin-left: 5px;padding-right: 5px;border: 1px solid #d0d0d0;line-height: 32px;margin-top: 3px}
	.lecture_add input[type=number]{width: 74px;height: 34px;margin-left: 5px;padding-right: 5px;border: 1px solid #d0d0d0;line-height: 32px;margin-top: 3px}
	.lecture_add textarea{width: 99%;height: 100px;margin-left: 5px;padding-left: 5px;border: 1px solid #d0d0d0;line-height: 32px}

	.input_file_wrap { position: relative; }
	.input_file_left { float: left; width: 50%; max-width: 300px;}
	.input_file_thumb { float: left: padding: 15px 0 10px 0; }
	.input_file_thumb img { max-width: 300px; }
	.input_file_wrap:after { display: block; content: ''; clear: both; }

	.th_manage { width: 150px; }
	.common_select { min-width: 100px; }

	.work_wrap .row_no { min-width: 65px;  }
	.work_wrap .th_number1 { min-width: 75px;  }
	.work_wrap .th_varchar2 { min-width: 85px; }

}

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


	/*폼 리스트*/
	.form_01 h2 {font-size:1.167em}
	.form_01 li {margin-bottom:10px}
	.form_01 ul:after,
	.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
	.form_01 .left_input {float:left}
	.form_01 .margin_input {margin-right:1%}
	.form_01 textarea {height:100px;width:100%}
	.form_01 .frm_label {display:inline-block;width:130px}


	.study_wrap .horizontal_table th { width: 30%; min-width: 130px; }

	/* 수강현황 모달 팝업 */ 
	.modal_popup{display: none;position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 99999999;}
	.modal_wrap{position: absolute;margin: 2%;top: 0;width: 96%;height: 540px;padding: 30px;background: #fff;border-radius: 10px;overflow-y: scroll}
	.modal_wrap_contents{position: relative}
	.modal_wrap_contents .pop_close{position: absolute;top: 10px;right: 0px;cursor: pointer}
	.modal_contents{}
	.modal_contents p.title{margin-bottom: 30px;font-size: 32px}
	.modal_contents p.stitle{margin: 50px 0 5px;font-size: 16px;font-weight: 500}
	.modal_contents .btns{text-align: center}
	.modal_contents .btns .btn_cancel{height: 34px;padding: 0 10px;background: #ddd;border-radius: 0px;border: 1px solid #111;line-height: 34px;cursor: pointer}
	.modal_contents .btns .btn_submit{height: 34px;padding: 0 10px;background: #02429c;line-height: 34px}
	
	.lecture_search{margin-bottom: 30px}
	.lecture_search select{width: 100%;height: 34px;margin-bottom: 8px;padding: 0 5px;border: 1px solid #d0d0d0;color: #555;line-height: 32px}
	.lecture_search input[type=text]{width: calc(100% - 68px);height: 34px;padding-left: 5px;border: 1px solid #d0d0d0;line-height: 32px}
	.lecture_search button{width: auto;height: 34px;margin-left: 5px;padding: 0 16px;background: #02429c;border: none;color: #fff;font-size: 14px;line-height: 32px}
	.lecture_sch_list{}
	.lecture_sch_list table{width: 100%;border-top: 2px solid #111;border-collapse: collapse;border-spacing:0}
	.lecture_sch_list th{padding: 5px 0;border-bottom: 1px solid #bbb;font-weight: 400}
	.lecture_sch_list td{padding: 5px 0 5px 10px;border-bottom: 1px solid #ddd}
	.lecture_sch_list td button{padding: 0 10px;border: 1px solid #666;white-space: nowrap}
	.lecture_add{margin-top: 20px}
	.lecture_add dl{overflow: hidden;clear: both;width: 100%;padding-bottom: 10px;margin-bottom: 12px;border-bottom: 1px solid #d0d0d0}
	.lecture_add dl:after{content: ''; display: block;clear: both}
	.lecture_add dt{float: left;width: 60px;font-weight: 500;color: #111;vertical-align: middle}
	.lecture_add dd{margin-left: 60px;color: #555}
	.lecture_add input[type=text]{width: 54px;height: 26px;margin-left: 5px;padding-right: 5px;border: 1px solid #d0d0d0;line-height: 24px;margin-top: 3px}
	.lecture_add input[type=number]{width: 74px;height: 26px;margin-left: 5px;padding-right: 5px;border: 1px solid #d0d0d0;line-height: 24px;margin-top: 3px}
	.lecture_add textarea{width: 96%;height: 100px;margin-left: 5px;padding-left: 5px;border: 1px solid #d0d0d0}


	#mb_confirm.mbskin { margin-top: -100px; }

	.horizontal_table td { padding-left: 5px; padding-right: 5px;  }
	.work_wrap .th_varchar2 { min-width: 50px;  }
	.work_wrap .th_number1 { min-width: 50px;  }
	.btn-xs { font-size: 13px; line-height: 25px; height: 25px;}
	.work_wrap .category3 { font-size: 14px; margin-top: -15px; }
	.bottom_btns { font-size: 14px;  }
	.horizontal_table th { font-size: 14px; }
	#sub_page_title { padding-top: 20px; }
	.sub_top_banner dl { padding: 20px 0; } 
 

}