@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 .button	{ height: 2.778em !important; line-height: 2.778em !important; padding: 0 1em; margin: 0 3px 0 3px; border: 0 none; box-sizing: border-box; border-radius: 0; font-size: inherit; background-color: #545454; color: #fff; }
.modules_board .button.small	{ height: 2em !important; line-height: 1.8em !important; font-size: 0.9em !important; }
.modules_board .button span	{ vertical-align: baseline; }

.modules_board .button.action_search	{ color: #fff; background-color: #364157; }
.modules_board .button.action_write	{ background-color: #104790; color: #fff; }
.modules_board .button.action_reply	{ background-color: #104790; color: #fff; }
.modules_board .button.action_edit		{ background-color: #2fac8d; color: #fff; }
.modules_board .button.action_check,
.modules_board .button.action_delete	{ background-color: #237ab2; color: #fff; }
.modules_board .button.action_reset,
.modules_board .button.action_cancel	{ background-color: #666; color: #fff; }
.modules_board .button.action_temporary	{ background-color: #ffff00; color: #333; }


/******
목록
******/
.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: 50px; margin: 5px 5px 5px 10px; }
.modules_board .proc_list .count p	{ line-height: 50px; margin: 0; }
.modules_board .proc_list .count p strong	{ color: #da2641; font-weight: normal; }

.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 .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 0 0 0; border-color: #78a8d6 transparent transparent transparent; }
.modules_board .proc_list .list table thead th	{ background-color: #f9f9f9; color: #303030; }
.modules_board .proc_list .list table thead tr,
.modules_board .proc_list .list table tbody tr	{ border-width: 0 0 1px 0; border-style: solid; border-color: transparent transparent #f4f4f5 transparent; }
.modules_board .proc_list .list table tbody tr.board_notice	{ background-color: #f0f0f0; color: #000; }
.modules_board .proc_list .list table tbody tr.board_secret	{ color: #666; }
.modules_board .proc_list .list table tbody tr.board_delete	{ text-decoration: line-through !important; background-color: #ffa9a9; }
.modules_board .proc_list .list table tbody tr.board_dateend	{ text-decoration: line-through !important; background-color: #ffa9a9; }
.modules_board .proc_list .list table tbody tr.board_temporary	{ background-color: #ffff80; color: #000; }

.modules_board .proc_list .list table thead tr th,
.modules_board .proc_list .list table thead tr td,
.modules_board .proc_list .list table tbody tr th,
.modules_board .proc_list .list table tbody tr td	{ line-height: 1.4em; padding: 0.85em 0; border-width: 0; border-color: transparent; }
.modules_board .proc_list .list table tbody tr td.empty	{ padding: 5em 0; text-align: center; }
.modules_board .proc_list .list table thead tr th.txtleft,
.modules_board .proc_list .list table thead tr td.txtleft,
.modules_board .proc_list .list table tbody tr th.txtleft,
.modules_board .proc_list .list table tbody tr td.txtleft	{ padding-left: 0.5em; }
.modules_board .proc_list .list table thead tr th.txtright,
.modules_board .proc_list .list table thead tr td.txtright,
.modules_board .proc_list .list table tbody tr th.txtright,
.modules_board .proc_list .list table tbody tr td.txtright	{ padding-right: 0.5em; }

.modules_board .proc_list .list table tbody 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 table tbody td a	{ font-weight: normal; }

.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 form	{}
.modules_board .proc_list .search form fieldset	{ padding: 6px; border: 1px solid #f2f2f3; background-color: #fafafa; text-align: center; }
.modules_board .proc_list .search form fieldset:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .search form fieldset p	{ display: inline-block; padding: 3px; margin: 0; vertical-align: top; }
.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 input[type="text"],
.modules_board .proc_list .search form fieldset p select	{ height: 2.778em; padding: 0 15px; margin: 0; border: 1px solid #ececec; box-sizing: border-box; background-color: #fff; color: #666; }
.modules_board .proc_list .search form fieldset p select	{ padding-right: 25px; }
.modules_board .proc_list .search form fieldset .button	{ margin: 0; }
.modules_board .proc_list .search form fieldset .button + .button	{ margin-left: 3px; }
.modules_board .proc_list .search form fieldset p .action_search	{ padding-left: 2.5em; color: #fff; background: #364157 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRDMzk5QkEyMTk5MTFFQUI0OTdGM0FCOTUzQUJBOUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRDMzk5QkIyMTk5MTFFQUI0OTdGM0FCOTUzQUJBOUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEMzOTlCODIxOTkxMUVBQjQ5N0YzQUI5NTNBQkE5QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEMzOTlCOTIxOTkxMUVBQjQ5N0YzQUI5NTNBQkE5QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3XqMcAAAI8SURBVHjaYnT3S2SAgUl9tfbv33+cpaKkoCYsJMDw8+cvhvOXrjFwsLMXVNR2T2TAAxhhBjXVFWwwM9bzh0n8/v2HgZWVBa7wxKkLDI1tkxn///+P1SAmENFcX7gWZsiZc1cW/Pj2Xc4vNJ0RyOW8cOl6wbPnrxgszAwYulrL/+N00aMnz/RkpSUvgji3bt63yytrPoyhiJGRYfrEpv8K8tJAiy7PqmnsT8dw0bOnr7bBXILNEBAAeUdIQEAJxNbWUksDGYxhkK6OmjSIYWKkk4ovMMPicu/fvvuAgZODnWHaxGYzDIO4uDjBAevhn/SHgQB49/7jDRD9+fMXLayBzcLCzEAMYGJk0gDRrMxMrzHkLly8Bg7MrtaKBEIGGRpAHKKpqbIbwyAmZuZ4EENMVGg+PkMaa/KfsDAzM5w+d3kNMBh+YRhUVt25CBilDBLiIgxTJzT8n9xfa42sYMfGeYKNtfm3zU31pZGDA2vKBnmtvankv4GeJljw1p0HDO/ffXjPwsoqaGyojaHp1NlLW+uaJvggizGrqBuCGXv2H2tUV1dSAeYrYAKVYJCRluCUkhSDaDxzcffTZ6+uSUuJq4P4QFpNTVXRdP+hE8sw8hoymD6pwezr958yrCysH9VVFA7CkgYwP24DZiVPuMvOAF3WDHEZVoPwgabagi1mJnre6N6Ee41YAPKOmpqiKch7MG+qqyrqMTGQAUAuALpkO4xvaqIXRLKL4C47eGIpyCVcnBya+w+dZAAIMACDusz7fKvQoQAAAABJRU5ErkJggg==') no-repeat 1em center; background-size: auto 50%; }
.modules_board .proc_list .search form fieldset p .action_cancel	{ color: #fff; background-color: #545454; }

.modules_board .proc_list .search form fieldset p input[name="search_word"]	{ width: 14em; }



.modules_board .proc_list .pagejump	{ margin: 40px 0; }
.modules_board .proc_list .pagejump p	{ margin: 0; }
.modules_board .proc_list .pagejump a	{ position: relative; display: inline-block; width: 40px; height: 40px; line-height: 38px; padding: 0; margin: 0; border: 1px solid #f1f1f1; box-sizing: border-box; text-align: center; font-size: initial; vertical-align: top; }
.modules_board .proc_list .pagejump a.now,
.modules_board .proc_list .pagejump a.now *	{ border-color: #347cc0; background-color: #347cc1; color: #fff !important; }
.modules_board .proc_list .pagejump a.first,
.modules_board .proc_list .pagejump a.prev,
.modules_board .proc_list .pagejump a.next,
.modules_board .proc_list .pagejump a.end	{ text-align: left; text-indent: -999px; overflow: hidden; }
.modules_board .proc_list .pagejump a.first:after,
.modules_board .proc_list .pagejump a.prev:after,
.modules_board .proc_list .pagejump a.next:after,
.modules_board .proc_list .pagejump a.end:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; font-size: 0.8em; content: ""; }
.modules_board .proc_list .pagejump a.first:after	{ content: "◀◀"; letter-spacing: -6px; }
.modules_board .proc_list .pagejump a.prev:after	{ content: "◀"; }
.modules_board .proc_list .pagejump a.next:after	{ content: "▶"; }
.modules_board .proc_list .pagejump a.end:after	{ content: "▶▶"; letter-spacing: -6px; }




@media all and ( max-width: 669px )
{
	.modules_board .proc_list .count	{ margin-left: 0; }
	
	.modules_board .proc_list .list table	{ table-layout: auto; }
	
	
	.modules_board .proc_list .search	{ }
	.modules_board .proc_list .search form fieldset p	{ padding: 0; text-align: center; }
	.modules_board .proc_list .search form fieldset p input[type="text"],
	.modules_board .proc_list .search form fieldset p select,
	.modules_board .proc_list .search form fieldset p .button	{ margin: 2px !important; }
}

@media all and ( max-width: 425px )
{
	.modules_board .proc_list .search form fieldset p	{ padding: 2px; box-sizing: border-box; }
	.modules_board .proc_list .search form fieldset p.category	{ float: left; width: 33%; }
	.modules_board .proc_list .search form fieldset p.page_size	{ float: left; width: 50%; }
	.modules_board .proc_list .search form fieldset p.search_field	{ float: left; width: 50%; }
	.modules_board .proc_list .search form fieldset p.search_word	{ float: left; clear: both; width: 60%; }
	.modules_board .proc_list .search form fieldset p.search_button	{ float: left; width: 40%; }
	
	.modules_board .proc_list .search form fieldset p.category + p.page_size	{ width: 33%; }
	.modules_board .proc_list .search form fieldset p.category + p.page_size + p.search_field	{ width: 34%; }
	
	.modules_board .proc_list .search form fieldset p input[type="text"],
	.modules_board .proc_list .search form fieldset p select,
	.modules_board .proc_list .search form fieldset p .button	{ width: 100%; margin: 0 !important; }
	
	.modules_board .proc_list .search form fieldset p.search_button .button	{ float: left; width: 100% !important; }
	.modules_board .proc_list .search form fieldset p.search_button .button.button_half	{ width: 50% !important; padding: 0; border-width: 0 2px; border-style: solid; border-color: #fafafa; background-image: none; }
	.modules_board .proc_list .search form fieldset p.search_button .button.button_half:first-child	{ border-left-width: 0; }
	.modules_board .proc_list .search form fieldset p.search_button .button.button_half:last-child	{ border-right-width: 0; }
	
	
	.modules_board .proc_list .pagejump	{ display: table; width: 100%; margin: 20px 0; }
	.modules_board .proc_list .pagejump:after	{ content: none; }
	.modules_board .proc_list .pagejump p	{ display: table; width: 100%; }
	.modules_board .proc_list .pagejump p:after	{ content: none; }
	.modules_board .proc_list .pagejump a	{ display: table-cell; width: 7%; height: 30px; border-left-width: 0; line-height: 1.1em; vertical-align: middle; }
	.modules_board .proc_list .pagejump a:first-child	{ border-left-width: 1px; }
	
		.modules_board .proc_list .pagejump.less_page	{ display: block; text-align: center; }
		.modules_board .proc_list .pagejump.less_page p	{ display: block; text-align: center; }
		.modules_board .proc_list .pagejump.less_page a	{ display: inline-block; width: 30px; height: 30px; line-height: 28px; }
	
	
	.modules_board .proc_list .pagejump a.first:after,
	.modules_board .proc_list .pagejump a.prev:after,
	.modules_board .proc_list .pagejump a.next:after,
	.modules_board .proc_list .pagejump a.end:after	{ top: 50%; height: auto; line-height: 1em; margin-top: -0.5em; }
	.modules_board .proc_list .pagejump a.first:after,
	.modules_board .proc_list .pagejump a.end:after	{ text-indent: -0.5em; }
}

/******
조회
******/
.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; border-top: 2px solid #78a8d6; background-color: #fff; }
.modules_board .proc_read .read_header h3	{ line-height: 2em; padding: 0; margin: 0 0 10px 0; background: none; font-size: 1.1em;  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; }
.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: 16px; border-bottom: 1px solid #d6d6d6; }
.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: 2px 0 2px 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: 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 .read_content *	{ line-height: 1.7em !important; /*font-size: 1em !important;*/ font-family: 'NanumSquare', sans-serif !important; }

.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; }
}


/******
작성/수정
******/
.modules_board .proc_write form table tbody td	{ line-height: 34px; }
.modules_board .proc_write form input[type="text"],
.modules_board .proc_write form input[type="password"],
.modules_board .proc_write form select	{ height: 30px; padding: 0 5px; box-sizing: border-box; }

.modules_board .proc_write form ol	{ line-height: 34px; padding: 5px 0; }
.modules_board .proc_write form ol li	{}
.modules_board .proc_write form ol li input[type="file"]	{ height: 30px; font-size: 16px; }



#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: 1.3em; margin: 0; color: #da2641; }
#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; }