@charset "UTF-8";

.modal_laypopup	{ position: fixed; left: 50%; top: 50%; z-index: 999999; width: 860px; height: 600px; margin: -300px 0 0 -430px; border: 1px solid #2758a5; box-sizing: border-box; background-color: #fff; }
.modal_laypopup h3	{ float: none; height: 80px; line-height: 80px; padding: 0 0 0 20px; margin: 0; text-align: left; font-size: 22px; font-weight: 700; color: #fff; background-color: #2758a5; }
.modal_laypopup button.close	{ position: absolute; right: 0; top: 0; width: 80px; height: 80px; line-height: 75px; padding: 0; margin: 0; border: 0 none; background-color: #2758a5; text-indent: -999px; overflow: hidden; }
.modal_laypopup button.close:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; font-size: 50px; font-family: serif; font-weight: lighter; text-indent: 0; content: "×"; }
.modal_laypopup iframe	{ display: block; width: 100%; height: 518px; border: 0 none; }
.modal_laypopup button.close2	{ position: absolute; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; }

.modal_laypopup_bg	{ position: fixed; left: 0; top: 0; z-index: 999998; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.7); }

@media all and (max-width:860px)
{
	.modal_laypopup	{ width: 100%; left: 0; top: 0; margin: 0; }
}



/******
공용
******/
.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 td .secret_icon	{ display: inline-block; width: 20px; text-indent: -999px; overflow: hidden; background: url(../image/secret.png) no-repeat center center; vertical-align: middle; }

.modules_board .proc_list .list td a.link	{ display: inline-block; min-width: 90%; line-height: 38px; margin: -10px 0; border: 1px solid #2758a5; box-sizing: border-box; color: #2758a5; background-color: #fff; text-align: center; }
.modules_board .proc_list .list td a.link:focus, .modules_board .proc_list .list td a.link:hover, .modules_board .proc_list .list td a.link:active	{ border-color: #000; background-color: #333; color: #fff; }

.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_list .list td a.link	{ line-height: 24px; margin: 0; }
}

/******
조회
******/
.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; }











@media all and (max-width:1200px)
{
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(3)	{ float: left; display: block !important; padding: 0 0 0 0.5em !important; border: 0 none !important; }
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(3):before	{ content: "갱신주기 : "; }
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(4)	{ float: left; clear: none; display: block !important; padding: 0 0 0 0.5em !important; border: 0 none !important; }
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(4):before	{ content: "공시시기 : "; }
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(4):after	{ content: none; }
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(5)	{ float: left; display: block !important; padding: 0 0 0 0.5em !important; border: 0 none !important; }
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(5):before	{ content: "부서 : "; }
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(5):after	{ content: none; }
	.modules_board .proc_list .list .table_box table tbody tr td:nth-child(6)	{ float: left; clear: left; display: block !important; padding: 0 0 0 0.5em !important; border: 0 none !important; }
}




.modules_board .proc_list .search	{ margin-top: 0; }
.modules_board .proc_list .search form fieldset	{ padding: 14px 0; border: 1px solid #e9e9e9; background-color: #fafafa; text-align: center; }
.modules_board .proc_list .search form fieldset p.category,
.modules_board .proc_list .search form fieldset p.search_word	{ float: none; display: inline-block; text-align: left; }
.modules_board .proc_list .search form fieldset p select	{ width: 210px; height: 40px; border: 1px solid #ccc; box-sizing: border-box; }
.modules_board .proc_list .search form fieldset p input	{ width: 585px; height: 40px; border: 1px solid #ccc; box-sizing: border-box; }
.modules_board .proc_list .search form fieldset p button	{ width: 40px; height: 40px; padding: 0; margin: 0 0 0 -3px; border: 0 none; border-radius: 0; box-sizing: border-box; text-indent: -999px; overflow: hidden; background: #c6c6c6 url(../image/board_search.png) no-repeat center center !important; }
.modules_board .proc_list .search form fieldset p button:focus, .modules_board .proc_list .search form fieldset p button:hover, .modules_board .proc_list .search form fieldset p button:active	{ background-color: #333 !important; }

.modules_board .proc_list .page_size	{ display: none; }
.modules_board .proc_list .page_size	{ padding: 3px 0 3px 5px; margin: 0; }
.modules_board .proc_list .page_size select	{ height: 40px; border: 1px solid #ccc; box-sizing: border-box; }
.modules_board .proc_list .page_size button	{ width: 40px; height: 40px; padding: 0; margin: 0 0 0 -3px; border: 0 none; border-radius: 0; box-sizing: border-box; background-color: #c6c6c6 !important; color: #fff; font-size: 15px; }
.modules_board .proc_list .page_size button:focus, .modules_board .proc_list .page_size button:hover, .modules_board .proc_list .page_size button:active	{ background-color: #333 !important; }

.modules_board .proc_list .count	{ line-height: 46px; margin: 0 5px 0 0; }
.modules_board .proc_list .count p	{ line-height: 46px; }
.modules_board .proc_list .count p strong	{ color: #da2641; font-weight: normal; }

.modules_board .proc_list .open_api	{ margin: 0 5px; }
.modules_board .proc_list .open_api a	{ line-height: 46px; }

.modules_board .proc_list .order	{ padding: 3px 0; margin: 0 5px 0 0; }
.modules_board .proc_list .order a	{ min-width: 100px; height: 40px; line-height: 40px; border-radius: 0; box-sizing: border-box; font-size: 15px; }

.modules_board .proc_list .list	{}
.modules_board .proc_list .list table	{ border-width: 2px 0 1px 0; }
.modules_board .proc_list .list table thead th	{ padding: 16px 0; /*border-width: 0;*/ background-color: #D9E5FF; font-weight: normal; color: #000; }
.modules_board .proc_list .list table tbody th,
.modules_board .proc_list .list table tbody td	{ padding: 16px 0; border-width: 0; }
.modules_board .proc_list .list table tbody td a	{ font-weight: normal; }
.modules_board .proc_list .list table tbody td em.gonggo_no	{ color: #2758a5; }

.modules_board .proc_list .list tr.board_notice	{ background-color: transparent; color: inherit; }
.modules_board .proc_list .list tr.board_notice td:first-child	{ position: relative; text-indent: -9999px; overflow: hidden; }
.modules_board .proc_list .list tr.board_notice td:first-child:after	{ position: absolute; left: 50%; top: 50%; width: 30px; height: 20px; line-height: 20px; padding: 0; margin: -10px 0 0 -15px; background-color: #2758a5; text-align: center; color: #fff; font-size: 11px; text-indent: 0; content: "공지"; }




.modules_board .proc_list .search .tabmenu	{ margin: 20px 0; }
.modules_board .proc_list .search .tabmenu ul	{ padding: 0; margin: 0; list-style: none; }
.modules_board .proc_list .search .tabmenu ul:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .search .tabmenu ul li	{ float: left; width: 25%; padding: 2px 3px; margin: 0; list-style: none; box-sizing: border-box; background: none; }
	.modules_board .proc_list .search .tabmenu ul.count_2 li	{ width: 50%; }
	.modules_board .proc_list .search .tabmenu ul.count_3 li	{ width: 33.33%; }
	.modules_board .proc_list .search .tabmenu ul.count_4 li	{ width: 25%; }
	.modules_board .proc_list .search .tabmenu ul.count_5 li	{ width: 20%; }
	.modules_board .proc_list .search .tabmenu ul.count_6 li	{ width: 16.666%; }
	.modules_board .proc_list .search .tabmenu ul.count_7 li	{ width: 14.28%; }
	.modules_board .proc_list .search .tabmenu ul.count_8 li	{ width: 12.5%; }
	.modules_board .proc_list .search .tabmenu ul.count_9 li	{ width: 11.1111%; }
	.modules_board .proc_list .search .tabmenu ul.count_10 li	{ width: 10%; }
.modules_board .proc_list .search .tabmenu ul li a	{ display: block; line-height: 38px; border: 1px solid #c8c8c8; background-color: #fff; text-align: center; font-size: 16px; color: #333; }
.modules_board .proc_list .search .tabmenu ul li a	{ display: flex; justify-content: center; align-items: center; height: 42px; line-height: 17px; }
.modules_board .proc_list .search .tabmenu ul li a:focus, .modules_board .proc_list .search .tabmenu ul li a:hover, .modules_board .proc_list .search .tabmenu ul li a:active	{ background-color: #666; color: #fff; }
.modules_board .proc_list .search .tabmenu ul li a.active	{ background-color: #5c63a6; color: #fff; }
.modules_board .proc_list .search .tabmenu ul li a strong	{ font-weight: normal; color: inherit; }



@media all and ( max-width: 768px )
{
	.modules_board .proc_list .search .tabmenu ul li	{ width: 33.33% !important; }
	.modules_board .proc_list .search .tabmenu ul li a	{ font-size: 14px; }
	
	.modules_board .proc_list .search form fieldset	{ padding: 10px; }
	.modules_board .proc_list .search form fieldset p.category,
	.modules_board .proc_list .search form fieldset p.search_word	{ display: block; }
	.modules_board .proc_list .search form fieldset p select	{ width: 100%; padding-left: 20px; margin: 0 0 6px 0; }
	.modules_board .proc_list .search form fieldset p input	{ float: left; width: calc(100% - 40px); padding-left: 20px; margin: 0; }
	.modules_board .proc_list .search form fieldset p button	{ float: left; margin: 0; }
}

@media all and ( max-width: 375px )
{
	.modules_board .proc_list .search .tabmenu ul li	{ width: 50% !important; }
}