@charset "UTF-8";

/******
공용
******/
.modules_board .board_header	{ margin: 0 0 20px 0; }
.modules_board .board_footer	{ margin: 20px 0 0 0; }


/******
인트로
******/
.modules_board .board_intro	{ padding: 10px; border: 1px solid #dfdfdf; background-color: #fafafa; }
.modules_board .board_intro:after	{ display: block; clear: both; content: " "; }


/******
목록
******/
.modules_board .proc_list	{}
.modules_board .proc_list:after	{ display: block; clear: both; content: " "; }

.modules_board .proc_list .category	{ margin: 5px 0 5px 10px; }
.modules_board .proc_list .category p	{ margin: 0; }
.modules_board .proc_list .category label	{ font-weight: bold; }

.modules_board .proc_list .count	{ float: left; line-height: 34px; margin: 5px 5px 5px 10px; }
.modules_board .proc_list .count p	{ line-height: 42px; margin: 0; }

.modules_board .proc_list .open_api	{ float: right; margin: 5px; }
.modules_board .proc_list .open_api:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .open_api a	{ display: inline-block; line-height: 34px; margin: 0 3px; color: #333; font-weight: bold; }
.modules_board .proc_list .open_api a:focus, .modules_board .proc_list .open_api a:hover, .modules_board .proc_list .open_api a:active	{ color: #f00; }
.modules_board .proc_list .open_api a img	{ display: inline-block; height: 20px; border: 0 none; vertical-align: middle; }
.modules_board .proc_list .open_api a span	{ display: inline-block; padding: 0 0 0 3px; vertical-align: middle; }

.modules_board .proc_list .page_size	{ float: right; margin: 5px; }
.modules_board .proc_list .page_size p	{ margin: 0; }
.modules_board .proc_list .page_size p label	{ position: absolute; display: inline-block; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_board .proc_list .page_size p select	{ margin-left: 0; }


.modules_board .proc_list .order	{ float: right; margin: 5px 10px 5px 0; text-align: right; }

.modules_board .proc_list .list	{ clear: both; }
.modules_board .proc_list .list table	{ background-color: #fff; border-width: 2px 1px 1px 1px; border-color: #517086 transparent; }
.modules_board .proc_list .list table thead th	{ background-color: #f4f9fc; color: #1c1c1c; }
.modules_board .proc_list .list tr.board_notice	{ background-color: #f0f0f0; color: #000; }
.modules_board .proc_list .list tr.board_secret	{ color: #666; }
.modules_board .proc_list .list tr.board_delete	{ text-decoration: line-through !important; background-color: #ffa9a9; }
.modules_board .proc_list .list tr.board_dateend	{ text-decoration: line-through !important; background-color: #ffa9a9; }

.modules_board .proc_list .list td.empty	{ padding: 5em 0; text-align: center; }

.modules_board .proc_list .list a.file	{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
.modules_board .proc_list .list a.file img	{ max-width: 100%; max-height: 100%; }

.modules_board .proc_list .search	{ clear: both; margin: 20px 0; text-align: center; }
.modules_board .proc_list .search label	{ display: inline-block; margin-left: 5px; font-weight: bold; }
.modules_board .proc_list .search label[for="search_word"]	{ margin-left: 20px; }
.modules_board .proc_list .search button	{ margin-left: 20px; }




.modules_board .proc_list .search form	{}
.modules_board .proc_list .search form fieldset	{ padding: 10px 20px; background-color: #f5f5f5; }
.modules_board .proc_list .search form fieldset:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .search form fieldset p.category	{ float: left; margin: 0; }
.modules_board .proc_list .search form fieldset p.search_word	{ float: right; margin: 0; }
.modules_board .proc_list .search form fieldset p > *	{ vertical-align: middle; }
.modules_board .proc_list .search form fieldset p label	{ position: absolute; display: inline-block; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_board .proc_list .search form fieldset p select	{ margin: 0; }
.modules_board .proc_list .search form fieldset p input	{ width: 200px; margin: 0 0 0 3px; }
.modules_board .proc_list .search form fieldset p button,
.modules_board .proc_list .search form fieldset p a	{ margin: 0 0 0 5px; }
.modules_board .proc_list .search form fieldset p .action_search	{ background-color: #545454; color: #fff; }
.modules_board .proc_list .search form fieldset p .action_cancel	{ background-color: #545454; color: #fff; }



@media all and ( max-width: 669px )
{
	.modules_board .proc_list .count	{ float: none; margin-left: 0; font-size: 12px; letter-spacing: -1px; }
	
	.modules_board .proc_list .list table	{ table-layout: auto; }
	
	.modules_board .proc_list .list table colgroup col:nth-child(1),
	.modules_board .proc_list .list table colgroup col:nth-child(4),
	.modules_board .proc_list .list table colgroup col:nth-child(5),
	.modules_board .proc_list .list table colgroup col:nth-child(6),
	.modules_board .proc_list .list table thead tr th:nth-child(1),
	.modules_board .proc_list .list table thead tr th:nth-child(4),
	.modules_board .proc_list .list table thead tr th:nth-child(5),
	.modules_board .proc_list .list table thead tr th:nth-child(6),
	.modules_board .proc_list .list table tbody tr td:nth-child(1),
	.modules_board .proc_list .list table tbody tr td:nth-child(4),
	.modules_board .proc_list .list table tbody tr td:nth-child(5),
	.modules_board .proc_list .list table tbody tr td:nth-child(6)	{ display: none !important; }
	
/*
	.modules_board .proc_list .list table colgroup col:nth-child(3)	{ width: 100px !important; }
*/
	
	.modules_board .proc_list .list table tbody tr td.empty	{ display: table-cell !important; }
	
	.modules_board .proc_list .search	{ }
	.modules_board .proc_list .search form fieldset	{ padding: 10px; }
	.modules_board .proc_list .search form fieldset p.category	{ float: none; margin-bottom: 5px; }
	.modules_board .proc_list .search form fieldset p.search_word	{ float: none; margin-top: 5px; }
	.modules_board .proc_list .search form fieldset p.search_word select	{ float: left; margin-bottom: 2px; }
	.modules_board .proc_list .search form fieldset p.search_word input	{ float: left; clear: left; margin-left: 0; }
	.modules_board .proc_list .search form fieldset p .action_search	{ float: right; }
	.modules_board .proc_list .search form fieldset p .action_cancel	{ display: none; }
	
	
	
	
	
	.modules_board .proc_list .search label,
	.modules_board .proc_list .search input,
	.modules_board .proc_list .search select,
	.modules_board .proc_list .search button	{ display: block; float: left; margin: 0 0.5em 0.5em 0.5em; }
	.modules_board .proc_list .search label[for="search_word"]	{ clear: both; }
	
	.modules_board .proc_list .page_size	{ float: none; text-align: right; }
}

/******
조회
******/
.modules_board .proc_read th.board_title,
.modules_board .proc_read td.board_title	{ line-height: 30px; padding: 10px 5px; font-size: 1.2em; }

.modules_board .proc_read .board_content	{ clear: both; }
.modules_board .proc_read .board_content:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_read .board_content.content_editor p,
.modules_board .proc_read .board_content.content_editor br	{ margin: 0; padding: 0; }

.modules_board .proc_read .doc_license	{ clear: both; padding: 5px 0; }
.modules_board .proc_read .doc_license:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_read .doc_license > a	{ float: left; display: block; cursor: pointer; vertical-align: top; }
.modules_board .proc_read .doc_license > a > img	{ display: block; border: 0 none; vertical-align: top; }
.modules_board .proc_read .doc_license > span	{ display: block; float: left; line-height: 54px; padding-left: 20px; vertical-align: top; }
.modules_board .proc_read .doc_license > span a	{ color: #0086b3; font-weight: bold; }
.modules_board .proc_read .doc_license > span a:focus, .modules_board .proc_read .doc_license > span a:hover, .modules_board .proc_read .doc_license > span a:active	{ color: #f00; text-decoration: underline; }





.modules_board .proc_read .read_header	{ padding: 10px 20px; background-color: #f5f5f5; }
.modules_board .proc_read .read_header h3	{ line-height: 30px; padding: 0; margin: 0 0 10px 0; background: none; font-size: 15px;  font-weight: bold; }
.modules_board .proc_read .read_header h3 strong	{ display: inline-block; padding: 0 15px; color: #fff; background-color: #000; margin-right: 10px; }
.modules_board .proc_read .read_header dl	{ padding: 0; margin: 0; list-style: none; font-size: 15px; }
.modules_board .proc_read .read_header dl:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_read .read_header dl dt	{ float: left; padding: 0 5px 0 0; margin: 0; list-style: none; font-weight: 600; }
.modules_board .proc_read .read_header dl dt:before	{ display: inline-block; padding: 0 10px; content: "|"; color: #cacbcc; }
.modules_board .proc_read .read_header dl dt:first-child:before	{ content: none; }
.modules_board .proc_read .read_header dl dd	{ float: left; padding: 0; margin: 0; list-style: none; }
.modules_board .proc_read .read_header dl dd:before	{ content: " : "; }


.modules_board .proc_read .read_file	{ padding: 10px 20px; }
.modules_board .proc_read .read_file ol	{ padding: 0; margin: 0; list-style: none; }
.modules_board .proc_read .read_file ol li	{ position: relative; padding: 0 0 0 10px; margin: 0; list-style: none; }
.modules_board .proc_read .read_file ol li:before	{ position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -2px; background-color: #333; content: ""; }
.modules_board .proc_read .read_file ol li img	{ width: 20px; height: 20px; vertical-align: middle; }


.modules_board .proc_read .read_content	{ padding: 20px; border-width: 1px 0; border-style: dashed none solid none; border-color: #d6d6d6; }
.modules_board .proc_read .read_content:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_read .read_content pre	{ margin: 0; }

.modules_board .proc_read .order	{ text-align: right; }
.modules_board .proc_read .order .action_list	{ color: #fff; background-color: #545454; }




@media all and ( max-width: 669px )
{
	.modules_board .proc_read table colgroup col:nth-child(1)	{ width: 90px !important; }
	
	.modules_board .proc_read .doc_license > span	{ clear: both; line-height: 20px; padding: 5px 0 0 0; }
	
	
	
	
	.modules_board .proc_read .read_header dl dt	{ clear: both; }
	.modules_board .proc_read .read_header dl dt:before	{ content: none; }
	.modules_board .proc_read .read_header dl dd	{ font-size: 13px; }
}


/******
작성/수정
******/
#editor_file_upload	{}
#editor_file_upload .list	{}
#editor_file_upload .list:after	{ display: block; clear: both; content: " "; }
#editor_file_upload .list ol	{ padding: 20px 0 0 20px; margin: 0; list-style: none; }
#editor_file_upload .list ol:after	{ display: block; clear: both; content: " "; }
#editor_file_upload .list ol li	{ float: left; padding: 0 20px 20px 0; margin: 0; list-style: none; text-align: center; }
#editor_file_upload .list img	{ display: block; width: 150px; height: 150px; margin: 0 auto; }
#editor_file_upload .list a	{ display: inline-block; margin: 5px 3px; }
#editor_file_upload .list span	{ display: block; width: 149px; height: 149px; border: 1px solid #eee; text-align: center; background-color: #fff; }
#editor_file_upload .list span:before	{ display: block; content: "첨부파일"; font-weight: bold; }
#editor_file_upload .list p	{ line-height: 5em; margin: 0; }

#editor_file_upload .order	{ padding: 10px 20px 10px 20px; margin: 0; border-top: 1px solid #eee; text-align: left; }
#editor_file_upload .order:after	{ display: block; clear: both; content: " "; }
#editor_file_upload .order p	{ float: left; line-height: 20px; margin: 0; color: #f00; }
#editor_file_upload .order button	{ float: right; }

@media all and ( max-width: 669px )
{
	.modules_board .proc_write table colgroup col:nth-child(1)	{ width: 90px !important; }
}


/******
비밀번호
******/
/******
삭제
******/



/******
덧글 목록
******/
.modules_board_comment .proc_list h4	{ margin-bottom: 0.5em; }
.modules_board_comment .proc_list table	{ margin-top: 0.5em; }
.modules_board_comment .proc_list table tr.comment_line1 th,
.modules_board_comment .proc_list table tr.comment_line1 td	{ border-bottom-color: #eee; }

.modules_board_comment .proc_list table tr.board_notice	{ background-color: #f0f0f0; color: #000; }
.modules_board_comment .proc_list table tr.board_secret	{ color: #666; }
.modules_board_comment .proc_list table tr.board_delete	{ text-decoration: line-through !important; background-color: #ffa9a9; }
.modules_board_comment .proc_list table tr.board_dateend	{ text-decoration: line-through !important; background-color: #ffa9a9; }