/*-----------------게시판상단 분류메뉴 스타일-----------------*/
.class_area{overflow:hidden; margin:0 0 15px 0;}
.class_area li{float:left; width:24%; margin-right:2px; text-align:center;}
.class_area li a{font-size:16px;  display:block; background:#e3e3e3;  border:1px solid #e3e3e3; color:#5a5a5a; padding:15px 0px;}
.class_area li a:hover{background:#fff; border:1px solid #000; color:#000; font-weight:500; }
.class_area li .on{background:#fff; border:1px solid #000; color:#000; font-weight:500;}

/*-----------------교수리스트-----------------*/
.member_list{border:1px solid #cdcdcd; position:relative; position:relative; overflow:hidden; float:left; width:47%; height:250px; min-height:200px; margin:0 1% 2% 1%;  }
.member_list .memb_photo{width:20%; height:128px; background:#cdcdcd; float:left; margin:20px 0 0 20px; position:relative;}
.member_list .memb_photo img{width:112px; height:128px;}
.member_list .memb_info{float:left; width:70%; margin:25px 0 25px 15px;}
.member_list .memb_info h4{font-size:22px; color:#212121; font-weight:bold; margin:0;}
.member_list .memb_info h4 span{font-size:15px; color:#c61065; padding:0 0 0 5px; font-weight:400;}
.member_list .memb_info p{font-size:13px; color:#313131; line-height:120%; margin-bottom:18px;}
.member_list .memb_info dl{overflow:hidden; margin:0 0 5px; font-size:15px;}
.member_list .memb_info dl dt{float:left; width:60px; color:#fff;  font-weight:300; font-size:13px; background:#ababab;  text-align:center; margin-right:10px; padding: 2px; 0; border-radius:4px;}
.member_list .memb_info dl dd{overflow:hidden; padding:0; margin:0;}
.check_memb{position:absolute; right:15px; top:15px;}

.title { font-size:18px; font-weight:500 !important;  font-family: 'Noto Sans KR','Nanum Gothic',dotum, sans-serif !important; letter-spacing:-0.05em; margin-top:20px; margin-bottom:5px;}

/*모바일스타일*/
@media (max-width: 768px) {
	.member_list{width:99%; height:auto; margin:0 0 2% 0; min-height:140px;}
	.member_list .memb_photo{width:80px; height:90px; top:15px; left:15px; position:absolute; margin:0;}
	.member_list .memb_photo img{width:80px; height:90px;}
	.member_list .memb_info{float:none; margin:15px 0; padding:0 15px 0 110px;}
	

	.member_list .memb_info h4{font-size:18px; }
	.member_list .memb_info dl { font-size:13px;}
	.member_list .memb_info dl dt{width:60px;}
	.professor_tab li a { font-size:14px;}
	.class_area li a{font-size:14px; padding:5px 0px;}
}

/*-----------------교수상세보기-----------------*/
.writ_view_tit{overflow:hidden; border-bottom:2px solid #333; position:relative;}
.writ_view_tit h4{font-weight:bold; font-size:18px; padding:0 0 15px 0; color:#1e1e1e;;}
.writ_view_tit .writ_view_info{position:absolute; right:10px; top:0;}
.writ_view_con{padding:30px 0;}
.member_view{clear:both; position:relative;}
.member_view .memb_photo{width:112px; height:128px; background:#cdcdcd; position:absolute; left:0; top:30px;}
.member_view .memb_photo img{width:112px; height:128px;}
.member_view dl{overflow:hidden; width:1065px; padding:0 0 20px 135px; min-height:130px; border-bottom:1px solid #ddd;}
.member_view dl dt{float:left; margin:0 0 7px 0; width:80px; color:#fff;  font-weight:300; font-size:14px; background:#ababab;  text-align:center;  margin-right:10px;  border-radius:4px;}
.member_view dl dd{overflow:hidden; margin:0 0 7px 0;}
.member_view p{clear:both;}

/*-----------------글쓰기폼-----------------*/
.writ_form{overflow:hidden; width:100%; margin:0 auto; position:relative;}
.writ_con{width:100%;}
.writ_form dl{overflow:hidden; position:relative; width:100%; border-radious:5px; border:1px solid #bebebe; margin:0 0 5px 0;}
.writ_form dl dt{color:#686868; font-size:13px; padding:10px 0 5px 0; position:absolute; left:15px; top:0; z-index:999;}
.writ_form dl dt span{color:#e73c00;}
.writ_form dl dt .writ_option{display:inline-block; padding:0 0 0 20px; font-size:12px;}
.writ_form dl dd{overflow:hidden; height:40px;}
.writ_form dl .check_area{width:100%; padding:0 0 0 120px; line-height:40px;}
.writ_form dl .check_area input{margin:0 0 -3px 0;}
.w_txt_box{border:0; background:#fff; width:100%; height:40px; line-height:40px; padding:0 15px 0 120px;}
.w_sele_box{border:0; background:#fff; width:100%; line-height:40px; padding:0 15px 0 120px; margin:10px 0 0 0; text-align:middle;}
.w_file_box{border:0; background:#fff; width:100%; position:relative; text-align:middle;}
.w_file_box input{position:absolute; top:10px; left:120px;}
.w_text_area{border-radious:5px; border:1px solid #bebebe; width:100%; overflow:hidden; margin:0 0 5px 0;}
.w_text_area textarea{width:100%; padding:15px; border:0; min-height:267px;}
.w_edit_area{border-radious:5px; width:100%; overflow:hidden; margin:0 0 5px 0;}
.w_edit_area textarea{width:100%; padding:15px; border:0; min-height:267px;}
.notice_chek{position:absolute; top:40px; left:10px;}

/*-----------------덧글-----------------*/
.comment{width:100%; overflow:hidden; position:relative;}
.comment_box{overflow:hidden; padding:30px 15px 30px 15px; border-bottom:1px solid #eeeeee; position:relative;}
.comment_box h1{font-size:15px; margin:0 0 15px 0;}
.comment_box h1 span{font-size:11px;}
.comment_box .ico_edit{background:#e7c919; color:#fff; text-align:center; position:absolute; font-size:12px; left:0; top:30px; width:65px; padding:20px 0; font-weight:bold;}
.comment_box .ico_conf{background:#95b610; color:#fff; text-align:center; position:absolute; font-size:12px; left:0; top:30px; width:65px; padding:20px 0; font-weight:bold;}
.comment_box .ico_etc{background:#3faac5; color:#fff; text-align:center; position:absolute; font-size:12px; left:0; top:30px; width:65px; padding:20px 0; font-weight:bold;}
.comment_box .comment_txt{width:100%; min-height:75px;}
.comment_box .comment_txt .comment_data{color:#aaaaaa; font-size:11px; margin:0 0 15px 0;}
.comment_box .comment_txt .comment_data span{color:#676767; font-weight:bold;}
.comment_box .comment_txt p{font-size:13px; color:#676767; line-height:20px;}
.ico_first{padding:0 0 0 80px;}
.comment_writ{padding:20px 0;}
.comment_writ_re{padding:20px 0;}
.comment_type{padding:0 0 10px 0; clear:both; overflow:hidden;}
.comment_type ul li{float:left; padding:0 10px 0 0;}
.comment_type ul li .comment_wirt_info{line-height:40px; float:left; padding:0 10px 0 0;}
.comment_type dl{overflow:hidden; position:relative; width:100%; border-radious:5px; border:1px solid #bebebe; margin:0 0 5px 0;}
.comment_type dl dt{color:#686868; font-size:13px; padding:10px 0 5px 0; position:absolute; left:15px; top:0; z-index:999;}
.comment_type dl dt span{color:#e73c00;}
.comment_type dl dd{overflow:hidden; height:40px;}
.comment_writ_area{border:1px solid #bebebe; width:100%; position:relative;}
.comment_writ_area textarea{border:0; padding:10px 130px 10px 10px; width:100%; min-height:90px;}
.comment_writ_area .btn_comment{background:#333130; width:100px; height:70px; border:0; color:#fff; position:absolute; right:10px; top:10px;}
.comment_btn_box{padding:15px 0 0 0;}
#bo_vc_empty{text-align:center; padding:25px 0 15px 0;}

/*-----------------버튼-----------------*/
.btn_box{padding:15px 0; clear:both;}
.btn_black{background:#333130; display:inline-block; line-height:28px; height:28px; border:0; border-radius:3px; color:#fff; font-size:12px; padding:0 10px;}
.btn_black:hover{color:#fff !important;}
.btn_gray{background:#696969; display:inline-block; line-height:28px; height:28px; border:0; border-radius:3px; color:#fff; font-size:12px; padding:0 10px;}
.btn_gray:hover{color:#fff !important;}
.btn_blue{background:#0383da; display:inline-block; line-height:28px; height:28px; border:0; border-radius:3px; color:#fff; font-size:12px; padding:0 10px;}
.btn_blue:hover{color:#fff !important;}

/*-----------------검색-----------------*/
.search_box{overflow:hidden; margin:0 0 20px 0;}
.txt_box{padding:5px 8px; margin:0; height:28px; border:1px solid #d8d8d8; vertical-align:bottom; display:inline-block; background:#fff;}

#gall_ul {overflow:hidden;}


@media (min-width: 768px) and (max-width: 1000px) { 
.member_list .memb_photo  { width:20%; height: auto;}
.member_list .memb_photo img  { width:100%; }
	.member_list .memb_info { width: 60%;}
}