@charset "utf-8";

/*
 Date : 2016-05-16
 Project :전남대학교 생활관
 writer : 임설
 Update : 
*/

/** 게시판 목록 **/
.boardList {width:100%; font-size: 13px;}
.boardList th {height:30px; padding: 5px 0; border-top:2px solid  #aaa;	border-bottom:1px solid #c2c2c2; font-size: 14px; color:#666666; font-weight:bold;	background-color: #fbfbfb;}
.boardList td {padding:5px 6px; 	height:23px; border-bottom:1px solid #ddd;	color:#666666;}
.boardList td img {vertical-align: bottom;}
.boardList td a {color:#666666;}
.boardList td a {color:#333;text-decoration: none;}
.boardList td a:hover{text-decoration:underline;}
.boardList td.pass {color:  #3e9c8a;}


    @media all and (max-width:800px) { 
    table.boardList { width:100%; }
    table.boardList th.number, th.name, th.date, th.refer  {display:none;}
    table.boardList td.number, td.name, td.date, td.refer  {display:none;}
    table.boardList td.subject {  width:100%; word-wrap:break-word; word-break:break-all   }


    }


/** 게시판 목록 검색 **/
#search { }
@media all and (max-width:788px){
	#search { padding:20px 0 0 0; }
	#search select { width:20%; }
	#search input[type=text] { width:50%; }
	#search span.button { width:94%; margin:10px 0 0 0;}
	#search span.button input { left:0; }
}

@media all and (max-width:410px) {
    .board_form{display:none}

}

/** 게시판 보기 + 쓰기 **/
.boardView {width:100%; font-size:13px;}
.boardView th {height:25px; background-color:#f8f8f8;border-bottom:1px solid #DEDBDE; border-right:1px solid #DEDBDE;text-align:center; padding:5px 0 5px 5px; font-weight:bold;}
.boardView th.boardviewtitle {height:30px; text-align:left; padding: 5px 25px; border-top:2px solid  #3e9c8a; font-size: 17px; color:#666666; font-weight:bold; background-color: #fbfbfb; border-right:none;}
.boardView th.w_title {border-top:2px solid  #3e9c8a; font-size: 17px; color:#666666; border-bottom:1px solid #c2c2c2; height:25px; border-right:none; text-align:center;}
.boardView td {border-bottom:1px solid #DEDBDE; padding:5px 0 5px 10px; border-right:1px solid #DEDBDE;}
.boardView td.td_noline {border-bottom:1px solid #DEDBDE; padding:5px 0 5px 10px; border-right:none;}
.boardView td.editor_box { padding:0; }
.boardView td input {vertical-align:middle;}
.boardView td a {font-family:Verdana , 'Nanum Gothic';color:#666666;}
.file_title {font-family:Verdana , 'Nanum Gothic'; color:#999;}
.boardfile {width:100%;}
.boardfile th {height:25px;background-color:#f8f8f8;border-bottom:1px solid #DEDBDE; border-right:1px solid #DEDBDE;border-top:1px solid #DEDBDE;text-align:left; padding:5px 0 5px 20px;}
.boardfile td {border-bottom:1px solid #DEDBDE;padding:10px;border-top:1px solid #DEDBDE;}
.boardfile td p {padding-bottom:5px;}
.boardfile td a {color:#666666}

.boardView td.td_noline.write_info { padding:0; }
.boardView select.boardfilelist { width:90%; }
.boardView input#fileToUpload { margin-bottom:10px; }
.boardView tr.category td select { width:30%; }
td.write_info ul { margin:0; padding:0; }
td.write_info ul:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}
td.write_info ul li { margin:0 0 0 0; padding:0; list-style-type:none; float:left; width:32%;  border-left:1px solid #dedbde;}
td.write_info ul li:first-child { border-left:none; width:33%;}
td.write_info ul li:last-child { width:34%; border-right:none;}
td.write_info ul li strong { float:left; display:block; width:30%; padding:8px 0; text-align:center; border-right:1px solid #dedbde;  background-color: #fbfbfb;}
td.write_info ul li span { float:left; display:block; width:63%; padding:8px 3%; background:#fff; }

@media all and (max-width:788px){
	div.text { padding:10px; }
	.boardfile th { padding: 5px; }
	.boardView th.boardviewtitle { padding: 5px 10px !important; letter-spacing:-2px; }
	.boardView tr th {width:15%;  height:auto; }
	.boardView tr td { }
	.boardView tr.category td select { width:98%; }
	td.write_info ul li { width:100%; border-left:none;  border-bottom:1px solid #dedbde;}
	td.write_info ul li:first-child { width:100%;}
	td.write_info ul li:last-child { width:100%; border-bottom:none;}
	td.write_info ul li strong {}
	td.write_info ul li span {}
}

/** 코멘트 작성 **/
.cmt_write {clear:both;margin-top:30px;padding:10px;background-color:#f8f8f8;border:1px solid #cccccc;}
.cmt_write p {font-weight:bold; margin:0; padding:10px 0;}
.cmt_write label {color:#666666;}
.cmt_write form {}
.cmt_write .cmt_form {}
.cmt_write .cmt_notlog {margin-bottom:5px;}
.cmt_write a {color:#666666;}
.comment {width:100%;}
.cmt_write .writing{}
.cmt_text .writing textarea ,
.cmt_write .writing textarea {padding:3px; width:88%; height:66px; border:1px solid #cccccc;}
.cmt_text .writing input ,
.cmt_write .writing input {display:inline; border:1px solid;}
.cmt_text .writing input[type=submit],
.cmt_write .writing input[type=submit] {float:right; width:85px; height:72px; border:none; cursor:pointer; background:#4f80bd none repeat scroll 0 0; color: #fff !important;} 
.cmt_text .writing input[type=submit]:hover,
.cmt_write .writing input[type=submit]:hover {background: #416fa7 none repeat scroll 0 0;}

@media all and (max-width:788px){
	.cmt_text:after,
    .cmt_write:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;} 
	.cmt_text .writing textarea,
    .cmt_write .writing textarea { width:94%; padding:3%; }
	.cmt_text .writing input[type=submit] ,
    .cmt_write .writing input[type=submit] { width:100%; height:35px; }
}

/** 코멘트 리스트 **/
#cmt_list {padding-top:5px; clear:both; font-size:14px;}
#cmt_list dl,
#cmt_list dl dt,
#cmt_list dl dd { margin:0; padding:0; }
#cmt_list .cmt_sum {font-weight:bold; color:#ff6c00; margin-top:20px; padding:15px 10px; border-bottom:1px solid #dedede;}
#cmt_list .cmt_sum dt {float:left; font-size:14px;}
#cmt_list .cmt_sum:after {content:' ';}
#cmt_list .cmt_list_view {clear:both; padding:15px 10px; border-bottom:1px solid #dedede;}
#cmt_list .cmt_list_view dl {}
#cmt_list .cmt_list_view dl dt {float:left; color:#48688f; font-weight:bold; }
#cmt_list .cmt_list_view dl dd {float:right; font-size:13px;}
#cmt_list .cmt_list_view .cmt_text {clear:both; padding-top:10px; font-size:13px;}