@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; clear: both; margin: 5px 0 5px 10px; }
.modules_board .proc_list .count p	{ line-height: 42px; margin: 0; }

.modules_board .proc_list .orderby	{ float: right; }
.modules_board .proc_list .orderby p	{ line-height: 42px; padding: 0 1em; margin: 0; border: 1px solid #e0e0e0; background-color: #f0f0f0;  border-radius: 3px; }
.modules_board .proc_list .orderby p:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .orderby p a	{ float: left; font-size: 16px; }
.modules_board .proc_list .orderby p a:after	{ display: inline-block; padding: 0 0.5em; font-size: 0.8em; color: #aaa; font-weight: normal; vertical-align: top; content: "|"; }
.modules_board .proc_list .orderby p a:last-child:after	{ content: none; }
.modules_board .proc_list .orderby p a.active	{ font-weight: 500; color: #0096dd; }
.modules_board .proc_list .orderby p a.active:before	{ display: inline-block; width: 20px; height: 20px; vertical-align: baseline; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAYAAAD+4+QTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REQ1QjE5MjY3QTMzMTFFQUExQTU5OUQ2NDNCNzU5MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REQ1QjE5Mjc3QTMzMTFFQUExQTU5OUQ2NDNCNzU5MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERDVCMTkyNDdBMzMxMUVBQTFBNTk5RDY0M0I3NTkyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERDVCMTkyNTdBMzMxMUVBQTFBNTk5RDY0M0I3NTkyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDpaEcAAAF5SURBVHjatJZLKEVBGIDPuSk7KSsrG9mQlbXHmmxIsRLlkeSRRFmQYnFjoyTKhlx5ZWEhC7JTFgopC0opNjYispBvam5Nf6c5c88dU1/N/Oef83XO/DNNGCw/BP/QBmAGSmC6wPPLC2EPmvT4QMlSHgVVcG8I1qFFdXxJGuEayvQ4A93Zhz4kvXAEoR6fQYeZkK9kDFaM8SM0y6R8JLOQNsY/0AofviQTMCVinXAVlZxEMgLzIpbWix3YJDVQ4SBoh0URu4Bx2yQlqYdLXYINltw62BKxL/2bgjjJgrFbT8ViZls5HEbEh/UGjJXMRZTlrfH7VP3vQ7HI24ZVl0VM6RfIhayEO2iDJagWz19g0LVSQuMUPodax3lKvusqMUu4C74d5uzkIpAS9Uk9MflvMJTrxpKbcQM2LfmT8JqvRLV+eIqIn8BakjMoSqIOuD4R+9WlHfiSqHYsjg/Vv0kqCS0XiSJ41v1S+EwqsV0k3mFU5yQWqPYnwAD1JkKWq0rV3wAAAABJRU5ErkJggg==') no-repeat 0 center; background-size: contain; content: ""; }


.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 .order_list_mode	{}
.modules_board .proc_list .order_list_mode a.list_mode	{ display: inline-block; width: 26px; height: 26px; border: 1px solid #e0e0e0; border-radius: 3px; background: #fafafa url(../image/list_mode.png) no-repeat; text-indent: 999px; overflow: hidden; vertical-align: middle; }
.modules_board .proc_list .order_list_mode a.list_mode_list 	{ background-position: -242px 0; }
.modules_board .proc_list .order_list_mode a.list_mode_webzine	{ background-position: -121px 0; }
.modules_board .proc_list .order_list_mode a.list_mode_gallery	{ background-position: 0 0; }
.modules_board .proc_list .order_list_mode a.list_mode:focus,
.modules_board .proc_list .order_list_mode a.list_mode:hover,
.modules_board .proc_list .order_list_mode a.list_mode:active,
.modules_board .proc_list .order_list_mode a.list_mode.active	{ background-color: #eee !important; border-color: #0077ca !important; }

.modules_board .proc_list .list_gallery	{ clear: both; padding: 5px 0 10px 0; }
.modules_board .proc_list .list_gallery table	{ margin: 0; border: 0 none; background-color: #fff; }

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

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

.modules_board .proc_list .list_gallery td	{ padding: 0; border: 0 none; }

.modules_board .proc_list .list_gallery .show_image	{ position: relative; display: block; cursor: pointer; max-width: 290px; padding: 15px; margin: 0 auto; text-align: center; background-color: #fff; }
.modules_board .proc_list .list_gallery .show_image:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .list_gallery .show_image .image	{ display: block; height: 380px; overflow: hidden; border-radius: 5px; }
.modules_board .proc_list .list_gallery .show_image img	{ display: block; max-width: none; border: 0 none; }
.modules_board .proc_list .list_gallery .show_image .split	{ display: none; }
.modules_board .proc_list .list_gallery .show_image .tour_content	{ text-align: left; }
.modules_board .proc_list .list_gallery .show_image .tour_content br	{ display: none; }
.modules_board .proc_list .list_gallery .show_image .tour_content .in_title	{ display: block; line-height: 35px; padding: 10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 20px; letter-spacing: -1px; }
.modules_board .proc_list .list_gallery .show_image .tour_content .in_subtitle	{ display: block; line-height: 25px; padding: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #7b7b7b; font-size: 17px; }
.modules_board .proc_list .list_gallery .show_image .tour_content .in_vote	{ display: block; line-height: 25px; padding: 0; margin: 0; text-align: left; }
.modules_board .proc_list .list_gallery .show_image .tour_content .in_vote:before	{ content: "★ "; color: #ffb300; }

.modules_board .proc_list .list_gallery a.show_image:focus, .modules_board .proc_list .list_gallery .show_image:hover, .modules_board .proc_list .list_gallery .show_image:active	{ background-color: #fafafa; }
.modules_board .proc_list .list_gallery a.show_image:focus .image img, .modules_board .proc_list .list_gallery .show_image:hover .image img, .modules_board .proc_list .list_gallery .show_image:active .image img	{ transform: scale(1.03); transition-duration: .3s; }



.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 select	{ height: 35px; }
.modules_board .proc_list .search input	{ height: 35px; }
.modules_board .proc_list .search button	{ margin-left: 20px; }

.modules_board .proc_list .search label	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }

.modules_board .proc_list .total_search	{ padding: 5px; border: 1px solid #e0e0e0; background-color: #fafafa; }
.modules_board .proc_list .total_search label	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_board .proc_list .total_search select,
.modules_board .proc_list .total_search input,
.modules_board .proc_list .total_search button	{ height: 40px; margin: 0; font-size: 14px; }
.modules_board .proc_list .total_search select	{ padding-left: 20px; padding-right: 40px; }

.modules_board .proc_list .tab_category .pagemaker_tabmenu	{ margin-bottom: 0; border-bottom: 0 none; }
.modules_board .proc_list .tab_category .pagemaker_tabmenu li { width: 15.8%;}
.modules_board .proc_list .tab_category .pagemaker_tabmenu li a	{ font-size: 18px; }
.modules_board .proc_list .tab_category + .total_search	{ margin-top: 0; }

@media all and ( max-width: 669px )
{
	.modules_board .proc_list .count	{ float: none; margin-left: 5px; letter-spacing: -1px; }
	
	.modules_board .proc_list .table_box	{ width: auto !important; overflow: visible !important; }
	.modules_board .proc_list .table_box:before	{ content: none !important; }
	.modules_board .proc_list .table_box table	{ min-width: 0 !important; margin: 20px 0 !important; }

/*
	.modules_board .proc_list .list table	{ table-layout: auto; }
	.modules_board .proc_list .list table tbody tr td	{ display: block; }
*/

	.modules_board .proc_list .list_webzine table	{ table-layout: auto; }
	.modules_board .proc_list .list_webzine table tbody tr td	{ display: block; }
	
	.modules_board .proc_list .list_gallery table	{ table-layout: auto; }
	.modules_board .proc_list .list_gallery table tbody tr	{ display: block; padding: 2%; }
	.modules_board .proc_list .list_gallery table tbody tr:after	{ display: block; clear: both; content: " "; }
	.modules_board .proc_list .list_gallery table tbody tr td	{ float: left; display: block; width: 50%; padding: 2%; box-sizing: border-box; }

	.modules_board .proc_list .list_gallery .show_image	{ padding: 0; }
	.modules_board .proc_list .list_gallery .show_image .image	{ height: 240px; }
	.modules_board .proc_list .list_gallery .show_image .tour_content .in_title	{ line-height: 30px; font-size: 14px; }
	.modules_board .proc_list .list_gallery .show_image .tour_content .in_subtitle	{ line-height: 20px; font-size: 13px; }
	.modules_board .proc_list .list_gallery .show_image .tour_content .in_vote	{ line-height: 20px; }

	.modules_board .proc_list .search	{ margin: 0; }
	.modules_board .proc_list .search label	{ display: none; }
	.modules_board .proc_list .search select	{ width: 30%; height: 35px; margin: 0; }
	.modules_board .proc_list .search input	{ width: 30%; height: 35px; margin: 0; }
	.modules_board .proc_list .search button	{ width: 30%; height: 35px; margin: 0; }


	.contents .pagemaker_tabmenu	{ padding: 0 0 1% 1%; }
	.contents .pagemaker_tabmenu li	{ width: 31%; margin: 1%; }
	.contents .pagemaker_tabmenu li a	{ padding: 0; }

	.modules_board .proc_list .tab_category .pagemaker_tabmenu li { width: 30%;}
	.modules_board .proc_list .tab_category .pagemaker_tabmenu li a	{ line-height: 40px; font-size: 14px; }
}


/******
조회
******/

#container.sub .align_box.full	{ width: auto; }
#container.sub #SUB-GNB #submenu	{ max-width: 1560px; margin: 0 auto; }


.modules_board .proc_read .info	{ max-width: 1560px; padding: 90px 0 70px 0; margin: 0 auto; background: #000 url(../image/read_info_bg.jpg) no-repeat center center; background-size: cover; color: #fff; }
.modules_board .proc_read .info .inner_box	{ max-width: 1200px; margin: 0 auto; }
.modules_board .proc_read .info .inner_box:after	{ display: block; clear: both; content: " "; }

.modules_board .proc_read .info .picture	{ position: relative; }
.modules_board .proc_read .info .picture:after	{ display: block; clear: both; content: " "; }
.modules_board .proc_read .info .picture .img_box	{ position: relative; float: left; height: 0; }
.modules_board .proc_read .info .picture .img_box_1	{ width: 45%; padding-top: 37.5%; }
.modules_board .proc_read .info .picture .img_box_2	{ width: 26%; padding-top: 37.5%; }
.modules_board .proc_read .info .picture .img_box_3	{ width: 29%; padding-top: 18.75%; }
.modules_board .proc_read .info .picture .img_box_4	{ float: right; width: 29%; padding-top: 18.75%; }
.modules_board .proc_read .info .picture .img_box span	{ position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; overflow: hidden; }
.modules_board .proc_read .info .picture .img_box_1 span	{ border-width: 0 7.5px 0 0; }
.modules_board .proc_read .info .picture .img_box_2 span	{ border-width: 0 7.5px; }
.modules_board .proc_read .info .picture .img_box_3 span	{ border-width: 0 0 7.5px 7.5px; }
.modules_board .proc_read .info .picture .img_box_4 span	{ border-width: 7.5px 0 0 7.5px; }
.modules_board .proc_read .info .picture img	{ display: block; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; }



.modules_board .proc_read .info .picture_list	{ clear: both; }
.modules_board .proc_read .info .picture_list .list	{ position: relative; }
.modules_board .proc_read .info .picture_list .list div	{ position: relative; height: 100%; }
.modules_board .proc_read .info .picture_list .list .item	{ padding: 0 10px; }
.modules_board .proc_read .info .picture_list .list .item img	{ display: block; height: 450px; margin: 0; border: 0 none; }
.modules_board .proc_read .info .picture_list .list .slick-prev	{ position: absolute; left: 0; top: 0; z-index: 3; width: 70px; height: 100%; padding: 0; margin: 0; border: 0 none; background-color: transparent;text-align: left; text-indent: -9999px; overflow: hidden; opacity: 0.5; }
.modules_board .proc_read .info .picture_list .list .slick-prev:focus, .modules_board .proc_read .info .picture_list .list .slick-prev:hover, .modules_board .proc_read .info .picture_list .list .slick-prev:active	{ background-color: rgba(0, 0, 0, 0.2); opacity: 1; }
.modules_board .proc_read .info .picture_list .list .slick-prev:before	{ position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; border-radius: 100%; background-color: #fff; color: #000; text-align: center; text-indent: 0; content: "◀"; }
.modules_board .proc_read .info .picture_list .list .slick-next	{ position: absolute; right: 0; top: 0; z-index: 3; width: 70px; height: 100%; padding: 0; margin: 0; border: 0 none; background-color: transparent;text-align: left; text-indent: -9999px; overflow: hidden; opacity: 0.5; }
.modules_board .proc_read .info .picture_list .list .slick-next:focus, .modules_board .proc_read .info .picture_list .list .slick-next:hover, .modules_board .proc_read .info .picture_list .list .slick-next:active	{ background-color: rgba(0, 0, 0, 0.2); opacity: 1; }
.modules_board .proc_read .info .picture_list .list .slick-next:before	{ position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; border-radius: 100%; background-color: #fff; color: #000; text-align: center; text-indent: 0; content: "▶"; }

.modules_board .proc_read .info .picture_list .list .slick-dots	{ position: absolute; left: 0; bottom: 10px; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.modules_board .proc_read .info .picture_list .list .slick-dots li	{ display: inline-block; padding: 0; margin: 0 2px; list-style: none; }
.modules_board .proc_read .info .picture_list .list .slick-dots li button	{ display: inline-block; width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #666; border-radius: 20px; background-color: #666; text-indent: -999px; overflow: hidden; box-shadow: 0 0 3px #fff; }
.modules_board .proc_read .info .picture_list .list .slick-dots li button:focus, .modules_board .proc_read .info .picture_list .list .slick-dots li button:hover, .modules_board .proc_read .info .picture_list .list .slick-dots li button:active	{ background-color: #000; }
.modules_board .proc_read .info .picture_list .list .slick-dots li.slick-active button	{ width: 60px; border-color: #333; background-color: #fff; }
.modules_board .proc_read .info .picture_list .list .slick-playstop	{ display: inline-block; width: 30px; height: 20px; padding: 0; margin: 0 0 0 10px; border: 0 none; border-radius: 3px; background-color: #666; font-family: serif; font-size: 12px; color: #fff; box-shadow: 0 0 3px #fff; }
.modules_board .proc_read .info .picture_list .list .slick-playstop:focus, .modules_board .proc_read .info .picture_list .list .slick-playstop:hover, .modules_board .proc_read .info .picture_list .list .slick-playstop:active	{ background-color: #000; }

@media all and ( max-width: 768px )
{
	.modules_board .proc_read .info .picture_list	{ padding-bottom: 40px; }
	.modules_board .proc_read .info .picture_list .list .item img	{ height: 300px; }
	.modules_board .proc_read .info .picture_list .list .slick-dots	{ bottom: -30px; }
}
@media all and ( max-width: 768px )
{
	.modules_board .proc_read .info .picture_list .list .item img	{ height: 200px; }
}


.modules_board .proc_read .info .target	{ line-height: 56px; margin-bottom: 21px; }
.modules_board .proc_read .info .target dl	{ padding: 0; margin: 0; list-style: none; }
.modules_board .proc_read .info .target dl dt	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; padding: 0; margin: 0; list-style: none; }
.modules_board .proc_read .info .target dl dd	{ padding: 0; margin: 0; list-style: none; }
.modules_board .proc_read .info .target span	{ display: inline-block; margin-right: 1em; }
.modules_board .proc_read .info .target .color_1	{ color: #b2b2b2; }
.modules_board .proc_read .info .target .color_2	{ color: #cec880; }

.modules_board .proc_read .info .title	{ float: left; width: 45%; }
.modules_board .proc_read .info .title h3	{ line-height: 32px; padding: 0; margin: 0; background: none; font-size: 21px; font-weight: normal; color: #c3c3c3; }
.modules_board .proc_read .info .title p	{ line-height: 46px; margin: 0; font-size: 35px; font-weight: 600; color: #fff; }

.modules_board .proc_read .info .infomation	{ float: right; width: 50%; font-size: 17px; }
.modules_board .proc_read .info .infomation ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
.modules_board .proc_read .info .infomation ul li	{ display: table-cell; width: 1%; padding: 0; margin: 0; list-style: none; background: none; }
.modules_board .proc_read .info .infomation ul li dl	{ padding: 0; margin: 0; list-style: none; text-align: center; }
.modules_board .proc_read .info .infomation ul li dl dt	{ line-height: 32px; padding: 0; margin: 0; list-style: none; color: #fff; }
.modules_board .proc_read .info .infomation ul li dl dd	{ line-height: 22px; padding: 5px 0 0 0; margin: 0; list-style: none; color: #d2d2d2; }



.modules_board .proc_read .print_section	{ padding: 40px 0; }
.modules_board .proc_read .print_section .inner_box	{ position: relative; max-width: 1200px; padding: 0 0 0 265px; margin: 0 auto; }
.modules_board .proc_read .print_section .inner_box:after	{ display: block; clear: both; content: " "; }
.modules_board .proc_read .print_section .inner_box h4	{ position: absolute; left: 0; width: 265px; line-height: 45px; padding: 0; margin: 0; background: none; font-size: 37px; color: #000; font-weight: 500; text-align: center; }

.modules_board .proc_read .print_section dl	{ padding: 0; margin: 0; list-style: none; color: #505050; }
.modules_board .proc_read .print_section dl:after	{ display: block; clear: both; content: " "; }
.modules_board .proc_read .print_section dl dt	{ float: left; clear: both; padding: 0 0.5em 10px 0; margin: 0; list-style: none; }
.modules_board .proc_read .print_section dl dt:before	{ content: "- "; }
.modules_board .proc_read .print_section dl dt:after	{ content: " : "; }
.modules_board .proc_read .print_section dl dd	{ float: left; padding: 0 0 10px 0; margin: 0; list-style: none; }
.modules_board .proc_read .print_section dl .strong	{ color: #000; }
.modules_board .proc_read .print_section dl .space	{ margin-bottom: 20px; }
.modules_board .proc_read .print_section p.alert_txt	{ padding: 0; margin: 0; color: #af1515; }


.modules_board .proc_read .print_section.section1,
.modules_board .proc_read .print_section.section3,
.modules_board .proc_read .print_section.section5,
.modules_board .proc_read .print_section.section7,
.modules_board .proc_read .print_section.section9	{ background-color: #f8f8f8; }

.modules_board .proc_read .print_section.admin_cnt .inner_box > *	{ margin-bottom: 40px; }




.modules_board #naver_search_ressult	{}
.modules_board #naver_search_ressult ul	{ padding: 0; margin: 0; list-style: none; border-width: 1px 0; border-style: solid; border-color: #ccc; }
.modules_board #naver_search_ressult ul li	{ padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #e0e0e0; background: none; }
.modules_board #naver_search_ressult ul li:last-child	{ border: 0 none; }
.modules_board #naver_search_ressult ul li a	{ display: block; padding: 10px; }
.modules_board #naver_search_ressult ul li a:hover, .modules_board #naver_search_ressult ul li a:active, .modules_board #naver_search_ressult ul li a:focus	{ background-color: #fafafa; }
.modules_board #naver_search_ressult ul li a em	{ color: #000; font-weight: bold; }
.modules_board #naver_search_ressult ul li a b,
.modules_board #naver_search_ressult ul li a strong	{ text-decoration: underline; }
.modules_board #naver_search_ressult #naver_search_more	{ display: block; line-height: 35px; margin-top: -1px; border: 1px solid #ccc; font-size: 14px; text-align: center; background-color: #fafafa; }
.modules_board #naver_search_ressult #naver_search_more:focus, .modules_board #naver_search_ressult #naver_search_more:hover, .modules_board #naver_search_ressult #naver_search_more:active	{ color: #fff; background-color: #666; }


@media all and ( max-width: 1200px )
{
	.modules_board .proc_read .info .picture	{ padding: 0 15px; }

	.modules_board .proc_read .print_section .inner_box	{ padding: 0 10px; }
	.modules_board .proc_read .print_section .inner_box h4	{ position: static; width: auto; margin-bottom: 20px; text-align: left;}
}

@media all and ( max-width: 669px )
{
	.modules_board .proc_read .info	{ padding: 10px; }
	.modules_board .proc_read .info .picture	{ padding: 0; }
	.modules_board .proc_read .info .picture .img_box_1	{ width: 100%; height: 200px;}
	.modules_board .proc_read .info .picture .img_box_1 span	{ border-right-width: 0; border-bottom-width: 7.5px; }
	.modules_board .proc_read .info .picture .img_box_2	{ width: 40%; height: 100px;}
	.modules_board .proc_read .info .picture .img_box_2 span	{ border-left-width: 0; border-top-width: 7.5px; }
	.modules_board .proc_read .info .picture .img_box_3	{ width: 60%; height: 50px;}
	.modules_board .proc_read .info .picture .img_box_3 span	{ border-top-width: 7.5px; }
	.modules_board .proc_read .info .picture .img_box_4	{ width: 60%;  height: 50px;}
	
	.modules_board .proc_read .info .title	{ float: none; width: auto; }
	.modules_board .proc_read .info .title h3	{ font-size: 16px; }
	.modules_board .proc_read .info .title p	{ line-height: 25px; font-size: 20px; }
	.modules_board .proc_read .info .infomation	{ float: none; width: auto; padding: 10px 0; }
	
	.modules_board .proc_read table colgroup col:nth-child(1)	{ width: 90px !important; }
}


/******
작성/수정
******/
#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 h5	{ position: absolute; width: 0; height: 0; margin: 0; font-size: 0; overflow: hidden; }
.modules_board_comment .proc_list > ul	{ padding: 0; margin: 0 0 30px 0; list-style: none; }
.modules_board_comment .proc_list > ul > li	{ padding: 25px 20px; margin: 0; list-style: none; border-bottom: 1px dashed #e1e1e1; background: none; }
.modules_board_comment .proc_list > ul > li:first-child	{ padding-top: 0; }
.modules_board_comment .proc_list > ul > li > dl	{ padding: 0; margin: 0; list-style: none; }
.modules_board_comment .proc_list > ul > li > dl:after	{ display: block; clear: both; content: " "; }
.modules_board_comment .proc_list > ul > li > dl > dt	{ position: absolute; width: 0; height: 0; margin: 0; font-size: 0; overflow: hidden; }
.modules_board_comment .proc_list > ul > li > dl > dd	{ float: left; padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_writer	{ font-size: 17px; color: #000; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_writer:after	{ display: inline-block; width: 2em; text-align: center; color: #000; content: "·"; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_regdate	{ font-size: 17px; color: #a1a1a1; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_regdate:after	{ display: inline-block; width: 2em; text-align: center; color: #000; content: "·"; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_vote	{ font-size: 17px; color: #ffb301; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_vote span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_vote.point_5:after	{ content: "★★★★★"; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_vote.point_4:after	{ content: "★★★★"; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_vote.point_3:after	{ content: "★★★"; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_vote.point_2:after	{ content: "★★"; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_vote.point_1:after	{ content: "★"; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_order	{ float: right; padding-left: 20px; padding-bottom: 0; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_order > a	{ margin: 0 0 0 10px; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_content	{ float: none; line-height: 25px; clear: both; padding: 0; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_content.overcontent_proc .board_comment_content	{ height: 100px; overflow: hidden; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_content.overcontent_proc.showall .board_comment_content	{ height: auto; overflow: visible; }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_content.overcontent_proc .overcontent_proc_button	{ padding: 0; margin: 10px 0 0 0; background: none; border: 0 none; color: #008489; font-weight: normal; font-size: 15px }
.modules_board_comment .proc_list > ul > li > dl > dd.comment_list_content.overcontent_proc.showall .overcontent_proc_button	{ display: none; }



.modules_board_comment .proc_write	{ padding: 30px 20px; margin: 30px 0; background: #f8f8f8; }
.modules_board_comment .proc_write h5	{ position: absolute; width: 0; height: 0; margin: 0; font-size: 0; overflow: hidden; }
.modules_board_comment .proc_write form	{}
.modules_board_comment .proc_write form fieldset	{}
.modules_board_comment .proc_write form fieldset:after	{ display: block; clear: both; content: " "; }
.modules_board_comment .proc_write form fieldset h6	{ float: left; line-height: 45px; padding: 0; margin: 0 25px 0 0; border: 0 none; background: none; font-size: 21px; color: #000; font-weight: normal; }
.modules_board_comment .proc_write form fieldset .comment_write_vote	{ float: none; white-space: nowrap; }
.modules_board_comment .proc_write form fieldset .comment_write_vote strong	{ position: absolute; width: 0; height: 0; margin: 0; font-size: 0; overflow: hidden; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul	{ padding: 0; margin: 0; list-style: none; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li	{ display: inline-block; padding: 0; margin: 0 20px 0 0; list-style: none; background: none; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li input	{ width: auto; height: auto; border: 0 none; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label	{ line-height: 45px; margin: 0; color: #ffb301; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label span	{ position: absolute; width: 0; height: 0; margin: 0; font-size: 0; overflow: hidden; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label.point_5:after	{ content: "★★★★★"; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label.point_4:after	{ content: "★★★★"; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label.point_3:after	{ content: "★★★"; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label.point_2:after	{ content: "★★"; }
.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label.point_1:after	{ content: "★"; }

.modules_board .modules_board_comment .proc_write form fieldset dl	{ padding: 0; margin: 0; list-style: none; border: 1px solid #f2f2f2; background-color: #fff; }
.modules_board .modules_board_comment .proc_write form fieldset dl dt	{ position: absolute; width: 0; height: 0; margin: 0; font-size: 0; overflow: hidden; }
.modules_board .modules_board_comment .proc_write form fieldset dl dd	{ float: none; padding: 0; margin: 0; list-style: none; }
.modules_board .modules_board_comment .proc_write form fieldset dl dd.comment_write_writer	{ padding: 10px 20px 5px; }
.modules_board .modules_board_comment .proc_write form fieldset dl dd.comment_write_content	{ padding: 0 10px; }
.modules_board .modules_board_comment .proc_write form fieldset dl dd.comment_write_content textarea	{ width: 100%; height: 80px; padding: 10px; border: 0 none; }
.modules_board .modules_board_comment .proc_write form fieldset dl dd.comment_write_order	{ border-top: 1px solid #f2f2f2; text-align: right; }
.modules_board .modules_board_comment .proc_write form fieldset dl dd.comment_write_order button	{ width: 100px; height: 50px; padding: 0; margin: -1px; border: 0 none; background-color: #848484; color: #fff; font-size: 1em; cursor: pointer; }
.modules_board .modules_board_comment .proc_write form fieldset dl dd.comment_write_order button:focus, .modules_board .modules_board_comment .proc_write form fieldset dl dd.comment_write_order button:hover, .modules_board .modules_board_comment .proc_write form fieldset dl dd.comment_write_order button:active	{ background-color: #000; }








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


@media all and ( max-width: 1200px )
{
	.modules_board_comment .proc_write form fieldset .comment_write_vote ul li	{ margin-right: 10px; }
}

@media all and ( max-width: 600px )
{
	.modules_board_comment .proc_write	{ padding: 5px; }
	.modules_board_comment .proc_write form fieldset h6	{ float: none; margin: 0; }
	.modules_board_comment .proc_write form fieldset .comment_write_vote ul	{ text-align: center; }
	.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label	{ line-height: 30px; color: #000; }
	.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label span	{ position: static; width: auto; height: auto; font-size: inherit; }
	.modules_board_comment .proc_write form fieldset .comment_write_vote ul li label:after	{ display: none; }
}






.modules_board .proc_list .document_category1	{ position: relative;  background-color: #e1e8f2; }
/*.modules_board .proc_list .document_category1 strong	{ position: absolute; left: 100px; top: 50%; width: 80px; height: 80px; padding: 40px 0 0 0; margin: -40px 0 0 -40px; border-radius: 100%; box-sizing: border-box; background: #46428c url(../image/category1.png) no-repeat center 20%; text-align: center; color: #fff; font-size: 13px; font-weight: normal; }
*/
.modules_board .proc_list .document_category1 ul	{ padding: 0; margin: 0; list-style: none; }
.modules_board .proc_list .document_category1 li	{ padding: 0; margin: 0; list-style: none; }

.modules_board .proc_list .document_category1 > ul	{ padding: 20px 0; margin: 0; list-style: none; }
.modules_board .proc_list .document_category1 > ul:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .document_category1 > ul > li	{ position: relative; float: left; width: 25%; padding: 8px; margin: 0; list-style: none; box-sizing: border-box; background: none; }
.modules_board .proc_list .document_category1 > ul > li > a	{ position: relative; display: block; line-height: 33px; padding: 0 0 0 20px; border: 1px solid #c8c8c8; border-radius: 3px; background-color: #fff; color: #000; }
.modules_board .proc_list .document_category1 > ul > li > a.hasChild	{ padding-right: 30px; }
.modules_board .proc_list .document_category1 > ul > li > a.hasChild:after	{ position: absolute; right: 18px; top: 0; font-family: serif; font-size: 10px; content: "▶"; }
.modules_board .proc_list .document_category1 > ul > li > a:focus, .modules_board .proc_list .document_category1 > ul > li > a:hover, .modules_board .proc_list .document_category1 > ul > li > a:active	{ border-color: #000; background-color: #666; color: #fff; }
.modules_board .proc_list .document_category1 > ul > li > a.open	{ border-color: #666; background-color: #f0f0f0; color: #000; }
.modules_board .proc_list .document_category1 > ul > li > a.active	{ border-color: #4c5fa3; background-color: #4c5fa3; color: #fff; }

.modules_board .proc_list .document_category1 > ul > li > ul	{ display: none; }
.modules_board .proc_list .document_category1 > ul > li > ul.open	{ display: block; position: absolute; z-index: 2; min-width: calc(100% - 16px); padding: 10px; margin: -1px 0 0 0; border: 1px solid #666; box-sizing: border-box; background-color: #fff; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }
.modules_board .proc_list .document_category1 > ul > li > ul > li	{ padding-left: 10px; background-position: left center; }
.modules_board .proc_list .document_category1 > ul > li > ul > li > a	{ display: block; padding: 5px 0; white-space: nowrap; }
.modules_board .proc_list .document_category1 > ul > li > ul > li > a.active	{ font-weight: bold; color: #2d5daa; }


.modules_board .proc_list .document_category2	{ position: relative; padding-left: 200px; border-bottom: 1px solid #c8c8c8; }
.modules_board .proc_list .document_category2 strong	{ position: absolute; left: 0; top: 50%; width: 200px; line-height: 30px; margin: -15px 0 0 0; text-align: center; color: #000; font-weight: 600; }
.modules_board .proc_list .document_category2 ul	{ padding: 0; margin: 0; list-style: none; }
.modules_board .proc_list .document_category2 li	{ padding: 0; margin: 0; list-style: none; }

.modules_board .proc_list .document_category2 > ul	{ padding: 20px 0; margin: 0; list-style: none; }
.modules_board .proc_list .document_category2 > ul:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .document_category2 > ul > li	{ position: relative; float: left; width: 25%; padding: 8px; margin: 0; list-style: none; box-sizing: border-box; background: none; }
.modules_board .proc_list .document_category2 > ul > li > a	{ position: relative; display: block; line-height: 33px; padding: 0 0 0 20px; border: 1px solid #c8c8c8; border-radius: 3px; background-color: #fff; color: #000; }
.modules_board .proc_list .document_category2 > ul > li > a:focus, .modules_board .proc_list .document_category2 > ul > li > a:hover, .modules_board .proc_list .document_category2 > ul > li > a:active	{ border-color: #000; background-color: #666; color: #fff; }
.modules_board .proc_list .document_category2 > ul > li > a.active	{ border-color: #4c5fa3; background-color: #4c5fa3; color: #fff; }


.modules_board .proc_list .tags	{ position: relative; padding-left: 200px; margin-bottom: 50px; border-bottom: 1px solid #c8c8c8; }
.modules_board .proc_list .tags strong	{ position: absolute; left: 0; top: 50%; width: 200px; line-height: 30px; margin: -15px 0 0 0; text-align: center; color: #000; font-weight: 600; }
.modules_board .proc_list .tags ul	{ padding: 20px 0; margin: 0; list-style: none; text-align: left; }
.modules_board .proc_list .tags li	{ display: inline-block; padding: 0; margin: 0; list-style: none; background: none; }
.modules_board .proc_list .tags li + li	{ margin-left: 0.7em; }
.modules_board .proc_list .tags li a.active	{ font-weight: bold; color: #2d5daa; }




@media all and (max-width: 1024px)
{
	.modules_board .proc_list .document_category1,
	.modules_board .proc_list .document_category2,
	.modules_board .proc_list .tags	{ padding-left: 150px; }
	.modules_board .proc_list .document_category1 strong	{ left: 75px; }
	.modules_board .proc_list .document_category2 strong,
	.modules_board .proc_list .tags strong	{ width: 150px; }


	.modules_board .proc_list .list_gallery table	{ display: block; padding: 0 5px; }
	.modules_board .proc_list .list_gallery table colgroup	{ display: none; }
	.modules_board .proc_list .list_gallery table tbody	{ display: block; }
	.modules_board .proc_list .list_gallery table tbody tr	{ display: block; }
	.modules_board .proc_list .list_gallery table tbody tr:after	{ display: block; clear: both; content: ""; }
	.modules_board .proc_list .list_gallery table tbody tr td	{ float: left; width: 50%; }

	.modules_board .proc_list .list_gallery .show_image	{ max-width: 100%; padding: 5px; }
	
}

@media all and (max-width: 768px)
{
	.modules_board .proc_list .document_category1,
	.modules_board .proc_list .document_category2,
	.modules_board .proc_list .tags	{ padding-left: 0; }
	.modules_board .proc_list .document_category1 strong,
	.modules_board .proc_list .document_category2 strong,
	.modules_board .proc_list .tags strong	{ position: static; display: block; width: auto; height: auto; line-height: 35px; padding: 10px 0 0 0; margin: 0; border-radius: 0; background: none; text-align: center; font-weight: 600; color: #000; font-size: 18px; }
	.modules_board .proc_list .document_category1 > ul,
	.modules_board .proc_list .document_category2 > ul,
	.modules_board .proc_list .tags > ul	{ padding: 0 10px 20px 10px; }

	
	.modules_board .proc_list .document_category1 > ul > li,
	.modules_board .proc_list .document_category2 > ul > li	{ width: 33.33%; padding: 2px; }
}

@media all and (max-width: 425px)
{
	.modules_board .proc_list .document_category1 > ul > li,
	.modules_board .proc_list .document_category2 > ul > li	{ width: 50%; }


	.modules_board .proc_list .list_gallery table tbody tr td	{ float: none; width: auto; padding: 0; }
}