table { width:100%; margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; font-size:13px; }

.table_css { border-top:2px solid #555; border-bottom:1px solid #ddd; table-layout:fixed;}
.table_css > thead > tr > th ,
.table_css > tbody > tr > th { padding:9px 5px; }
.table_css > thead > tr > td ,
.table_css > tbody > tr > td { padding:9px 5px; }
.table_css > thead > tr > td ,
.table_css > tbody > tr > td { border-top:1px solid #ddd; overflow:hidden; text-overflow:ellipsis; }
.table_css tr > td img {vertical-align:middle}
.table_css td.center { text-align:center; }
.table_css td.no_date { padding:70px 0; }
.table_css tr > th { border-top:1px solid #ddd; background:#f5f5f5; }
.table_css td div.content { padding:10px; min-height:200px; }
.table_css td div.content img { max-width:100%; }
.table_css td div { padding:0 0 3px 0; }
.table_css td div.info_ment { padding:0 0 8px 0; }
.table_css td div.info_ment span { font-weight:700; color:#f00; }
.table_css td div.file_list { padding:2px 0; }
.table_css td span.color999 { color:#999; }


.table_css #writeContents { padding:15px 0; }
.table_css #writeContents * { white-space:normal; overflow:hidden; text-overflow:ellipsis; }
.table_css #writeContents img { max-width:none; }

/*테이블스타일01*/
table{border-spacing: 0; margin: 0; padding: 0; width: 100%; background:#fff; }
table.table_01{ border-collapse:collapse; border-top:2px solid #555;}
table.table_01 th{background: #EFEFEF; font-size: 13px; padding: 5px 14px; vertical-align: middle; line-height: 23px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.table_01 td.bleft{border-left:1px solid #ccc !important;}
table.table_01 th:first-child{border-left: none;}
table.table_01 td{font-size: 13px; border-left: 1px solid #ccc;background: #fff; color: #555; line-height: 23px; padding: 5px 14px; text-align: center; border-bottom: 1px solid #ccc;}
table.table_01 td.txtL{text-align:left;}
table.table_01 td:first-child{border-left: none;}
table.table_01.mb20{margin-bottom:20px;}

table.table_03{ border-collapse:collapse; border-top:2px solid #555;}
table.table_03 th{background: #EFEFEF; font-size: 13px; padding: 5px 14px; vertical-align: middle; line-height: 23px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.table_03 th:first-child{border-left: none;}
table.table_03 td{font-size: 13px; border-left: 1px solid #ccc;background: #fff; color: #555; line-height: 23px; padding: 5px 14px; text-align: left; border-bottom: 1px solid #ccc;}
table.table_03 td:first-child{border-left: none;}
table.table_03.mb20{margin-bottom:20px;}

table.table_04{ border-collapse:collapse; border-top:2px solid #888;}
table.table_04 th{text-align:left; background: #EFEFEF; font-size: 13px; padding: 5px 14px; vertical-align: middle; line-height: 23px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.table_04 th:first-child{border-left: none;}
table.table_04 td{font-size: 13px; border-left: 1px solid #ccc;background: #fff; color: #555; line-height: 23px; padding: 5px 14px; text-align: left; border-bottom: 1px solid #ccc;}
table.table_04 td:first-child{border-left: none;}
table.table_04.mb20{margin-bottom:20px;}

/* 게시판 버튼 영역 */
.top_btn { overflow:hidden; }
.top_btn > div { float:right; }
.top_btn > div:first-child { float:left; }
.top_btn > div:first-child img { margin-top:3px; }
.top_btn > div span { color:#888; }
.bbs_btn { overflow:hidden; margin-top:15px; }
.bbs_btn > div { float:right; }
.bbs_btn > div:first-child { float:left; }


/* 게시판 페이지 영역 */
.bbs_page { text-align:center; overflow:hidden; margin:15px 0; height:22px; padding-top:1px;}
.bbs_page a img { margin-top:5px; }
.bbs_page a{font-size: 12px; border: solid #ccc 1px; padding: 3px 6px; margin-left: -3px; }
.bbs_page b{font-size: 12px; border: solid #666 1px;padding: 3px 6px; background-color:#666;color:#fff; margin-left: -3px;}


/* 게시판 검색 영역 */
.bbs_search { text-align:center; }
.bbs_search { border:1px solid #d7d7d7; background:#f5f5f5; padding:15px; text-align:center; margin-top:20px; }
.bbs_search form { margin:0; }
.bbs_search select { border:1px solid #d7d7d7; background:#fff; height:24px; margin:0; padding:0; vertical-align:top; }
.bbs_search input.radio { border:0; background:none; vertical-align:middle; margin:0; padding:0; width:13px; height:13px; }
.bbs_search input.str { border:1px solid #d7d7d7; background:#fff; height:20px; vertical-align:top; }
.bbs_search button { border:1px solid #555; background:#555; line-height:15px; height:24px; width:65px; vertical-align:top; padding:0; }
.bbs_search button b { color:#fff; font-weight:700; font-size:11px; }


/* 댓글 */
.comment_list { margin-top:15px; border-top:2px solid #555; }
.comment_list > li { border-bottom:1px solid #ddd; margin:5px 0; }
.comment_list > li > div { overflow:hidden; }
.comment_list > li > div div { float:right; }
.comment_list > li > div div:first-child { float:left; }
.comment_list > li > div div span { color:#b2b2b2; font-size:11px; }
.comment_list > li > div div:first-child span { color:#888; }
.comment_list > li > div div img { margin-top:4px; }
.comment_form { margin-top:15px;  }
.comment_form form { margin:0; }
#comment_write { padding:10px; border:1px solid #ddd; }
.comment #ComContents {  }
.comment ul { overflow:hidden; }
.comment ul li { width:15%; float:left; text-align:center; }
.comment ul li:first-child { width:85%; }
.comment ul li textarea { height:53px; border:1px solid #ccc; }


/* 글쓰기 */
#variableFiles td { border:none; padding:2px 0; }


/* 포토게시판 */
.photo_list { margin:0;}
.photo_list ol { margin:0; padding:0; overflow:hidden}
.photo_list .no_result { width:100%; line-height:120px; text-align:center; border-bottom:1px solid #dadada; border-top:1px solid #dadada; }
.photo_list li { list-style:none; margin:0; padding:0; width:33.3%; float:left}
.photo_list li a {display:block; margin:10px; padding:10px; text-align:center; background:#fff; height:170px; position:relative; border:1px solid #ddd}
.photo_list li a .photo_img { height:117px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.photo_list li a .no-img { height:115px; line-height:115px; width:100%; border:1px solid #ccc; text-indent:-5000px; background:#f6f6f6 url('/upload/bbs/no_img.png') center no-repeat; }
.photo_list li a:hover { border:1px solid #aaa; }
.photo_list li a input[type="checkbox"] { position:absolute; top:5px; left: 5px; z-index:1000;}
.photo_list .photo_con { left:0; bottom:0; background:#fff; width:100%}
.photo_list li div.con_tit { overflow:hidden; padding:15px 3px 3px; color:#555; text-align:center; font-weight:700;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.photo_list li div.date { overflow:hidden; color:#555; text-align:center; color:#777; font-size:12px; }
.photo_list li div.con_etc { overflow:hidden; padding:3px; color:#777; text-align:center; }


/* 웹진게시판 */
table.webzine { border-top: 2px solid #666;}
table.webzine img {vertical-align: middle;}
table.webzine tr{border-bottom:1px solid #ddd;}
table.webzine tr:hover{background:#e2e2e2 !important}
table.webzine tr:first-child{border-top:1px solid #ddd;}
table.webzine td {text-align:center; font-weight:600; padding:14px 10px; line-height:23px;border-bottom:1px solid #ddd;}
table.webzine td img.thum {width:70%;}
table.webzine td.tit{text-align:left; font-size:13px;}
table.webzine td span {font-size:13px; font-weight:300; display:block; margin-top:10px}


/* 캘린더 */
.calendar_btn {width:300px;margin:0 auto 20px;overflow:hidden}
.calendar_btn ul { overflow:hidden; }
.calendar_btn ul li {float:left; padding:6px 0px ;font-size:28px;color:#333; font-weight:700;}
.calendar_btn ul li.number {padding:5px 23px;}
.calendar_btn ul li a { display:inline-block;  }
.calendar { width:100%; padding:0; margin:0 auto 15px; border-spacing:0; border-top:3px solid #584d43; color:#727272; table-layout:fixed; }
.calendar th { padding:20px 0; }
.calendar thead th { height:42px; vertical-align:middle; }
.calendar tbody th { color:#8e1e1e; text-align:left; }
.calendar th, .calendar td { border:1px solid #ccc; }
.calendar th, .calendar td div { height:95px; padding:5px 5px; }
.calendar td p { margin:0; padding:0; margin-top:3px}
.calendar td div > ol li img {vertical-align:middle}
.calendar td p span { display:none; }
.calendar th.sun, .calendar .sun p { color:#8e1e1e;}
.calendar th.sat, .calendar .sat p { }
.calendar .now { }
.calendar .now p { font-weight:bold; }
/*.calendar td:hover { background:#eee; position:relative; }
.calendar td:hover ol {position:absolute; margin-left:-1px; width:150px; border:1px solid #ccc; background:#fff; padding:10px; z-index:100; }
.calendar td.sat:hover ol { right:10px; }*/
.calendar .null { background:#f3f3f3; }
.calendar li { white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.calendar td.non_title {display:none}
.calendar td.non_title div p {width:100%}

/* 교직원 소개 */
p.mb20{margin-bottom:20px;}
.contents .section .sub_contents .page .professor_box{float:left; width:31%; margin:1%; border:1px solid #ccc; }
.contents .section .sub_contents .page .professor_box.no_date { float:none; width:auto; padding:50px; text-align:center; }
.contents .section .sub_contents .page .professor_box ul li a {display:block}
.contents .section .sub_contents .page .professor_box ul li div.pic {float:left; width:100%; height:100%; overflow:hidden; }
.contents .section .sub_contents .page .professor_box ul li div.pic div img { width:100%}
.contents .section .sub_contents .page .professor_box ul li div.professor_txt {width:89%; float:left; padding:8% 6%;}
.contents .section .sub_contents .page .professor_box ul li div.professor_txt > p ,
.contents .section .sub_contents .page .teacher p { text-align:center; }
.contents .section .sub_contents .page .professor_box ul li div.professor_txt p.name {font-weight:bold; font-size:15px; border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px;text-align:center; }


/*여명도서*/
.photo_list.book ol li { width:24.3%; }
.photo_list.book ol li a div.photo_img { background-size:contain; height:136px; width: 90px; border: 1px solid #e9e9e9; margin: 0 auto; }