/* 게시판 */
.search_area { height:40px; text-align:right; }
.search_area_left { float:left; padding-top:5px;  font-size:14px; }
.search_area_left label { font-weight:normal; }
.search_area_left strong { color:#ff3300; }
.search_area ul { padding-left:20px; }
.search_area ul li { float:left; }
.search_area ul li a { font-size:12px; padding:0 8px; margin-right:10px; }
.search_area ul li a.up { background:url(../images/board/count_list_up_bg.png) right 8px no-repeat; }
.search_area ul li a.dw { background:url(../images/board/count_list_dw_bg.png) right 8px no-repeat; }
.search_area input, .search_area select, .search_area  button { vertical-align:top; }

/* 일반게시물 테이블스타일 */
.board_area { overflow:hidden; }
.board_area table.list { width:100%; border-top:2px solid #3366cc; border-collapse:collapse; }
.board_area table.list th { padding:10px; background:#fafafa; position:relative; }
.board_area table.list tbody tr:hover { background:#e1e8f7; }
.board_area table.list td { padding:6px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; position:relative; }
.board_area table.list td strong.list_title { color:#333333; }
.board_area table.list td div.list_desc {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:550px}

/* 갤러리(이미지)게시물 테이블스타일 */
.board_area .galleryList { display:inline-table; width:100%; border-top:2px solid #3366cc; border-collapse:collapse;}
.board_area .galleryList li { float:left; width:212px; height:230px; border:1px solid #dddddd; margin:10px 7px;}
.board_area .galleryList li div.img {position:relative; width:238px; height:93px;}
.board_area .galleryList li div.img span {position:absolute; top:0; right:0; width:59px; height:59px;}
.board_area .galleryList li div.con {padding:18px 20px 18px 20px ;}
.board_area .galleryList li div.con span.date {color:#9b9a9a; padding-bottom:6px; display:inline-block;}
.board_area .galleryList li div.con p.title a{color:#424242; padding-bottom:9px; display:inline-block; font-size:16px; line-height:16px;}
.board_area .galleryList li div.con p.title a:active{ color:#2b9be6; text-decoration:underline;}
.board_area .galleryList li div.con p.title img {vertical-align:middle; margin-bottom:4px;width:210px;}
.board_area .galleryList li div.con dd {color:#424242; line-height:18px; padding-bottom:7px;}


/* 헤더가없는 테이블스타일 */
.board_area2 { border-top:2px solid #3366cc; }
.board_area2 table.list { width:100%; border-collapse:collapse; }
.board_area2 table.list th { padding:10px; background:#fafafa; border-bottom:1px solid #dddddd; vertical-align:top; line-height:26px; }
.board_area2 table.list td { padding:10px; border-bottom:1px solid #dddddd; vertical-align:top; line-height:26px; position:relative; }
.board_area2 table.list td:hover { background:#e1e8f7; }
/* FAQ 스타일 */
.board_area2 { border-top:2px solid #3366cc; }
.board_area2 table.faq { width:100%; border-collapse:collapse; }
.board_area2 table.faq tr { border-bottom:1px solid #ddd; cursor:pointer; }
.board_area2 table.faq tr:hover { background:#f6f8ff; }
.board_area2 table.faq tr.active { background:#f8f8fb; }
.board_area2 table.faq tr.answer { background:#f8f8fb; }
.board_area2 table.faq tr.active td { font-weight:bold; }
.board_area2 table.faq tr.answer td { padding:20px 12px; }
.board_area2 table.faq tr td { padding:12px; }
.board_area2 table.faq tr td img { vertical-align:top; }
/* 헤더에 배경색이 진한 테이블스타일 */
.board_area3 { border-top:1px solid #3366cc; margin-bottom:30px;  border-right:1px solid #dddddd; overflow:hidden; width:100%; }
.board_area3 table.list { width:100%; border-collapse:collapse; margin-left:1px; }
.board_area3 table.list th { font-size:14px; padding:10px; background:#3366cc; color:#ffffff; border-left:1px solid #dddddd; border-bottom:1px solid #3366cc; line-height:26px; position:relative; }
.board_area3 table.list th:first-child { border-left:none; }
.board_area3 table.list td { font-size:18px; padding:10px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; vertical-align:top; line-height:26px; position:relative; text-align:center; position:relative; }
.board_area3 table.list td strong { color:#ff3300; }
.board_area3 table.list td:hover { background:#e1e8f7; }
.search_box { position:absolute; left:30%; top:9px;}
.search_box label img { line-height:30px; vertical-align:middle; }
.search_box input[type=text] { width:220px; height:32px; border:none; padding:0 12px; vertical-align:middle; }
.board_area3 table.list td.blat_td { padding:6px 10px; font-size:13px; line-height:30px; text-align:left; }
.board_area3 table.list td.blat_td span { background:url(../images/board/search_blet.png) 0 8px no-repeat; padding-left:10px; }
.board_area3 table.list td.blat_td select { height:30px; }
/* 헤더가 없고 파란테두리가없는 스타일 */
.table_title_view { display:block; border-top:2px solid #3366cc; border-bottom:1px solid #dddddd; background:#fafafa; padding:12px; }
.table_title_view .title_view_icon { background:url(../images/board/icon_board_top.png) center 0 no-repeat; font-size:13px; text-align:center; padding-top:40px; float:left; color:#666666; width:100px; }
.table_title_view .title_view_desc {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:550px}
.table_title_view dl dt { font-size:16px; color:#333333; height:27px; }
.table_title_view dl dd span { margin-right:35px; color:#999999; font-size:12px; }
.view_type { height:100px; }
.view_type h6 { float:left; font-size:18px; line-height:100px; padding-left:112px; }
.view_type h6.xmljson { background:url(../images/dataset/icon_xmljson.png) 30px center no-repeat; }
.view_type h6.xml { background:url(../images/dataset/icon_xml.png) 30px center no-repeat; }
.view_type h6.json { background:url(../images/dataset/icon_json.png) 30px center no-repeat; }

.view_type h6.csv { background:url(../images/dataset/icon_csv.png) 30px center no-repeat; }
.view_type h6.doc { background:url(../images/dataset/icon_doc.png) 30px center no-repeat; }
.view_type h6.hwp { background:url(../images/dataset/icon_hwp.png) 30px center no-repeat; }
.view_type h6.jpg { background:url(../images/dataset/icon_jpg.png) 30px center no-repeat; }
.view_type h6.pdf { background:url(../images/dataset/icon_pdf.png) 30px center no-repeat; }
.view_type h6.xls { background:url(../images/dataset/icon_xls.png) 30px center no-repeat; }
.view_type h6.xlsx { background:url(../images/dataset/icon_xlsx.png) 30px center no-repeat; }

.margin-radio input[type=radio]{margin-right: 3px;}
.margin-radio label{margin-right: 10px;}

.board_area4 { border-right:1px solid #dddddd; overflow:hidden; width:100%;  }
.board_area4 table.list { width:100%; border-collapse:collapse; margin-left:1px; }
.board_area4 table.list th { padding:10px 8px; background:#fafafa;  vertical-align:top; line-height:26px; border:1px solid #dddddd; }
.board_area4 table.list td { padding:10px 8px; vertical-align:top; line-height:26px; position:relative; border:1px solid #dddddd; }
.board_area4 table.list td:hover { background:#e1e8f7; }
.board_area4 table.list thead th { border-bottom:none; }
.board_area4 table.list td label { margin-right:10px; }

table.list td strong { color:#ff3300; }
table.list tr.tl, table td.tl, .board_area table td.tl, table th.tl { text-align:left; }
table.list tr.tc, table td.tc, .board_area table td.tc { text-align:center; }

.table_function { margin-top:20px; }
.table_indexing { text-align:center; }
.table_indexing ul { display:inline-block; }
.table_indexing ul li { background:#fff; float:left; margin-left:4px; }
.table_indexing ul li a { display:block; padding:4px 10px; border-collapse:collapse; border:1px solid #ddd; text-align:center; }
.table_indexing ul li a:hover, .table_indexing ul li a.active { color:#ffffff; background:#3366cc; border:1px solid #3366cc; }
.table_indexing ul li a.left_arrow2 { background:url(../images/board/board_lelft_arrow2.png) 50% 50% no-repeat; height:30px; width:30px; }
.table_indexing ul li a.left_arrow2:hover { background:#3366cc url(../images/board/board_lelft_arrow2_ov.png) 50% 50% no-repeat; border:1px solid #3366cc; }
.table_indexing ul li a.left_arrow { background:url(../images/board/board_left_arrow.png) 50% 50% no-repeat; height:30px; width:30px; }
.table_indexing ul li a.left_arrow:hover { background:#3366cc url(../images/board/board_left_arrow_ov.png) 50% 50% no-repeat; border:1px solid #3366cc; }
.table_indexing ul li a.right_arrow { background:url(../images/board/board_right_arrow.png) 50% 50% no-repeat; height:30px; width:30px; }
.table_indexing ul li a.right_arrow:hover { background:#3366cc url(../images/board/board_right_arrow_ov.png) 50% 50% no-repeat; border:1px solid #3366cc; }
.table_indexing ul li a.right_arrow2 { background:url(../images/board/board_right_arrow2.png) 50% 50% no-repeat; height:30px; width:30px; }
.table_indexing ul li a.right_arrow2:hover { background:#3366cc url(../images/board/board_right_arrow2_ov.png) 50% 50% no-repeat; border:1px solid #3366cc; }
.table_btn_area { text-align:center; position:relative; }
.table_btn_area button { display:inline-block; }

.board_gallery {width: 762px; padding-top: 20px; overflow: hidden; overflow-x: scroll;}
.board_gallery li {width:180px; float:left;}
.board_gallery li img {width:162px; height:268px;}

.file-area .file-box{height: 145px;border: 1px solid #ccc;padding: 10px;overflow-y: scroll;background-color: #ececec;}
.file-area .file-box li{clear: both;height: 25px;}
.file-area .file-box li span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 500px;float: left;margin-right:10px;}