@charset "UTF-8";


/*공통박스*/
.gray_box_01{ border:1px solid #ccc; }
.gray_box_02{ border:2px solid #ccc; }

/*탭메뉴*/
.tab_m_01{border-bottom:2px solid #474747; height:42px;margin-bottom:30px;}
.tab_m_01:after{clear:both; content: ""; display:block;}
.tab_m_01 li{float:left;}
.tab_m_01 li a{background:#fff; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; color:#777;display:block;font-size:16px;height:40px;line-height: 39px; padding:0 14px;}
.tab_m_01 li:first-child{border-left:1px solid #c3c3c3}
.tab_m_01 li.on a{border-top:2px solid #474747; border-right:2px solid #474747;  border-left:2px solid #474747; color: #333;font-weight: bold;height: 42px;line-height: 37px;padding: 0 13px; margin-left:-1px;}


/*************************************** 버튼스타일 ******************************************/
.button_basic{border:1px solid #ccc; display:inline-block; color:#333; font-size:14px;}
.button_basic a{color:#333;}
.excel_icon a{background:url(../../../images/admin/board/excel_icon.png) no-repeat 15px center; padding:11px 15px 10px 40px;  display:inline-block; }
.people_icon a{background:url(../../../images/admin/board/user_icon.gif) no-repeat 15px center; padding:9px 15px 8px 40px;  display:inline-block; font-weight:bold; }
.people_icon a:hover{background:#fafafa url(../../../images/admin/board/user_icon.gif) no-repeat 15px center;}
.icon_calendar_bor{padding:0px; height:24px;}
 img.ui-datepicker-trigger{ vertical-align:middle; margin-left:5px; }
 input + img.ui-datepicker-trigger {position:relative; margin-left:3px; top:-2px; }


/*테이블*/
table {font-size:14px;}
table caption{position:relative; visibility:hidden; height:0; font-size:0;}
.tbl_basic{width:100%;border-top:2px solid #585858; border-bottom:1px solid #ddd; text-align:left;}
.tbl_basic caption{height:0;line-height:0;}
.tbl_basic th{ font-weight:bold; color:#222;}
.tbl_basic th{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px; vertical-align:middle;}
.tbl_basic td{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px; vertical-align:middle;}
.tbl_basic th.col_style{border-bottom:1px solid #fff;}
.tbl_basic thead th {background:#fafafa; vertical-align:middle;}
.tbl_basic tbody th {background:#f7f7f7; color:#333; vertical-align:middle;}
.tbl_basic tfoot{background:none;}
.tbl_basic .left{text-align:left;}
.tbl_basic > tbody > tr > td > a {color:#0a72dd; font-weight:bold; }
.tbl_basic > tbody > tr > td > a:hover{text-decoration:underline;}
.tbl_basic tr:hover {background-color:#fefef4;}
.tbl_basic td.photo_img img{width:50px; height:50px;}
.tbl_basic input[type="checkbox"]{border:none; height:27px;}
.tbl_basic> tbody > tr > td > input[type="checkbox"]{border:none; height:auto;}

.tbl_basic_02{width:100%;border-top:1px solid #23598c;border-bottom:1px solid #ddd; text-align:center;}
.tbl_basic_02 caption{height:0;line-height:0;}
.tbl_basic_02 th{ font-weight:bold; color:#222;}
.tbl_basic_02 th{padding:8px; border-right:1px solid #89adcf; border-bottom:1px solid #23598c; margin-left:-1px;vertical-align:middle;}
.tbl_basic_02 td{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
.tbl_basic_02 th:first-child,
.tbl_basic_02 td:first-child{border-left:none}
.tbl_basic_02 th.col_style{ border-bottom:1px solid #89adcf;}
.tbl_basic_02 thead th {background:#5284b3;color:#fff;vertical-align:middle;}
.tbl_basic_02 tbody th {background:#f7f7f7;color:#333;vertical-align:middle;}
.tbl_basic_02 .total{background-color:#f4f2e3; font-weight:600;}
.tbl_basic_02 .left{text-align:left;}
.tbl_basic_02 a{color:#333;}
.tbl_basic_02 a:hover{text-decoration:underline;}
.tbl_basic_02 tr:hover {background-color:#f4f2e3;}
.tbl_basic_02 td.photo_img img{width:50px; height:50px;}

.tbl_basic_02 input[type="checkbox"]{border:none; height:27px;}

.tbl_basic_03{width:100%;border-top:1px solid #ccc;border-bottom:1px solid #CCC; text-align:center;}
.tbl_basic_03 caption{height:0;line-height:0;}
.tbl_basic_03 th{ font-weight:bold; color:#222;}
.tbl_basic_03 th{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
.tbl_basic_03 td{padding:8px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
.tbl_basic_03 th:first-child,
.tbl_basic_03 td:first-child{border-left:none}
.tbl_basic_03 thead th {background:#e8ecee;color:#333;vertical-align:middle;}
.tbl_basic_03 tbody th {background:#f7f7f7;color:#555;vertical-align:middle;}

.tbl_basic_03 .left{ text-align:left;}
.tbl_basic_03 a{color:#333;}
.tbl_basic_03 a:hover{text-decoration:underline;}


.tbl_basic_04{width:100%;border-top:1px solid #696969;border-bottom:1px solid #ddd; text-align:center;}
.tbl_basic_04 caption{height:0;line-height:0;}
.tbl_basic_04 th{ font-weight:bold; color:#222;}
.tbl_basic_04 th{padding:7px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
.tbl_basic_04 td{padding:5px; border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
.tbl_basic_04 th:first-child,
.tbl_basic_04 td:first-child{border-left:none}
.tbl_basic_04 th.col_style{ border-bottom:1px solid #fff;}
.tbl_basic_04 thead th {background:#fafafa;vertical-align:middle;}
.tbl_basic_04 tbody th {background:#f7f7f7;color:#333;vertical-align:middle;}
.tbl_basic_04 tfoot{background:none;}
.tbl_basic_04 .brnone{ text-align:left;}
.tbl_basic_04 a{color:#333;}
.tbl_basic_04 a:hover{text-decoration:underline;}
.tbl_basic_04 tr:hover {background-color:#f4f2e3;}
.tbl_basic_04 td.photo_img img{width:50px; height:50px;}
.tbl_basic_04 input{vertical-align:top;}

.tbl_basic_view{background:#fff; border-collapse: collapse; border-top:2px solid #a8a8a8; width:100%;}
.tbl_basic_view th {background-color:#fafafa; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px;text-align: center; vertical-align: middle; line-height:17px; color:#222;}
.tbl_basic_view th:first-child {border-left:none; }	

.tbl_basic_view td {border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; text-align: center;vertical-align: middle; line-height:17px;}
.tbl_basic_view td .line_none{border-left:none;}
.tbl_basic_view .left {text-align:left;}
.tbl_basic_view input.style_no{ border:none;}
.tbl_basic_view td.photo_view_img img{ max-width:100%;}
.tbl_basic_view td img{ vertical-align:middle; cursor:pointer;}
.tbl_basic_view td:hover {background-color:#fefef4;}
.tbl_basic_view input[type="text"]{vertical-align:top;}
.tbl_basic_view td input[type="checkbox"]{height:auto !important;}

/*페이지번호*/
.pagination {font-family:Tahoma,Geneva,sans-serif; text-align:center;margin-top:20px; position:relative; text-align: center;width: 100%; font-size:14px;}
.pagination a.pagenum {cursor:pointer; display:inline-block; margin: 0 0 5px; padding: 2px 10px 4px; text-decoration: none; vertical-align:top;}
.pagination a{color:#555; margin:0 2px;}
.pagination a.pagenum:hover{text-decoration:underline;}
.pagination strong{background-color:#7f7f7f;border:1px solid #7f7f7f;color:#fff; display:inline-block; margin:0; padding:2px 9px 4px;}
.pagination span.arrow{border:1px solid #d9d9d9;cursor:pointer;display:inline-block;font-size:0;height:24px;line-height:0;vertical-align:top;width:24px;}
.pagination span.arrow.pagefirst {background: #fff url("../../../images/admin/board/btn_page_first.gif") no-repeat center;}
.pagination span.arrow.pageprev {background: #fff url("../../../images/admin/board/btn_page_prev.gif") no-repeat center; margin-right:10px;}
.pagination span.arrow.pagenext {background: #fff url("../../../images/admin/board/btn_page_next.gif") no-repeat center; margin-left:10px;}
.pagination span.arrow.pageend {background: #fff url("../../../images/admin/board/btn_page_end.gif") no-repeat center;}
.pagination a:hover span.arrow {border: 1px solid #7f7f7f; text-decoration: none;}


.pagination_01 {font-family:Tahoma,Geneva,sans-serif; text-align:center;margin-top:20px; position:relative; text-align: center;width: 100%; font-size:14px;}
.pagination_01 a.pagenum {cursor:pointer; display:inline-block; margin: 0 0 5px; padding: 2px 5px 4px; text-decoration: none; vertical-align:top;}
.pagination_01 a{color:#555; margin:0 2px;}
.pagination_01 a.pagenum:hover{text-decoration:underline;}
.pagination_01 strong{background-color:#7f7f7f;border:1px solid #7f7f7f;color:#fff; display:inline-block; margin:0; padding:2px 5px 4px;}
.pagination_01 span.arrow{border:1px solid #d9d9d9;cursor:pointer;display:inline-block;font-size:0;height:24px;line-height:0;vertical-align:top;width:24px;}
.pagination_01 span.arrow.pagefirst {background: #fff url("../../../images/admin/board/btn_page_first.gif") no-repeat center;}
.pagination_01 span.arrow.pageprev {background: #fff url("../../../images/admin/board/btn_page_prev.gif") no-repeat center; margin-right:10px;}
.pagination_01 span.arrow.pagenext {background: #fff url("../../../images/admin/board/btn_page_next.gif") no-repeat center; margin-left:10px;}
.pagination_01 span.arrow.pageend {background: #fff url("../../../images/admin/board/btn_page_end.gif") no-repeat center;}
.pagination_01 a:hover span.arrow {border: 1px solid #7f7f7f; text-decoration: none;}


/*게시판 상단 검색*/
.boardHead {display:block; overflow:hidden; margin-bottom:13px; position:relative; min-height:20px; border:1px solid #d0d0d0; background:#f0f0f0; padding:10px 15px; }
.boardHead > a.btn_search_gray{
		background-color:#686868; border:1px solid #575757; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:2px 10px 4px;
		text-decoration:none; 
}
.boardHead > a.btn_search_gray:HOVER {
		background-color:#4c4c4c; border:1px solid #2f2f2f;
}

.boardHead .range{position:absolute; right:0; width:auto; width:173px;}
.boardHead input{height:24px; }
.boardHead img{cursor:pointer; vertical-align:top; padding-top:2px;}
.boardHead .border_right{position:absolute; right:20px; top:15px; font-size:14px; color:#444;}
.boardHead .border_right_01{position:absolute; right:0; top:8px;}
.boardHead input, .boardHead select{vertical-align:top; border:1px solid #bbbbbb;}
.boardHead select{height:26px; min-width:80px;}

#searchKeyword{width:200px !important;}

/*버튼모음*/
.file_icon{background:url("../../../images/board/ico_disket_small.gif") no-repeat scroll left top;height:13px;width:14px; font-size:0; display:inline-block;vertical-align:middle; margin:-1px 0 0 5px; cursor:pointer;}
.file_icon a{display:block;}
.labHide{font-size:0;left:-1000px; position:absolute; top: -1000px;}
 
 a.btn_search_lightblue{background-color:#6896ba; border:1px solid #87959b; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px;}
 
 a.btn_search_blue{background-color:#007bc7; border:1px solid #007bc7; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px; text-decoration:none; border-radius:2px;}
 a.btn_search_blue{background-color:#006aab; border:1px solid #004169; }
 
 select + a.btn_search_lightgray,
 input + a.btn_search_lightgray 
 	{ position:relative; top:-1px; } 
 
 a.btn_search_lightgray {
 	background-color:#949494; border:1px solid #767676; color:#fff !important; font-size:13px; font-weight:500; display:inline-block;
 	margin:0; padding:1px 10px 4px; text-decoration:none; border-radius:2px;
 }
 a.btn_search_lightgray:HOVER {
 	background-color:#6d6d6d; border:1px solid #535353;
 }
 input +  a.btn_search_lightgray {position:relative; top:-2px; }
 
 
 a.btn_search_white{background-color:#f4f2f2; border:1px solid #ababab; color:#333; font-size:13px; font-weight:500; display:inline-block; padding:1px 10px 3px;}
 a.btn_search_white_01{background-color:#fff; border:1px solid #ababab; color:#000; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px;}
input.btn_search_lightgray{background-color:#949494; cursor:pointer; border:1px solid #767676; color:#fff !important; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px; height:auto; border-radius:2px;}
input.btn_search_blue{background-color:#1587cb; cursor:pointer; border:1px solid #0d6aa1; color:#fff !important; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:1px 10px 3px; height:auto; border-radius:2px;}

input.btn_search_lightgray:hover{background-color:#6d6d6d; border:1px solid #535353;}
input.btn_search_blue:hover{background-color:#0b7cbf; border:1px solid #096094;}
 
 /*게시판 리스트에 들어가는 버튼 모음*/
.btn_search_gray,
.btn_search_gray > a {
		background-color:#888; border:1px solid #767676; color:#fff !important; 
		font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 3px 1px;
		text-decoration:none;
	}
.btn_search_red,
.btn_search_red > a {
		background-color:#f3503f; border:1px solid #e34434; color:#fff; 
		font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 3px 1px;
	}

a.btn_gray_01 {
		background:#1587cb; border:1px solid #006fa9; color:#fff !important; 
		font-size:12px; font-weight:500; display:inline-block; margin:0; padding:2px 5px 4px 5px;
		text-decoration:none !important;
		border-radius:2px;
	}	
a.btn_gray_01:HOVER {
		background:#0c6da7;
	}


.btn_search_read{background-color:#4fb000; border:1px solid #4fb000; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
.btn_search_noread{background-color:#ec8500; border:1px solid #ec8500; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
.btn_search_receipt{background-color:#888; border:1px solid #888; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
.btn_search_send{background-color:#888; border:1px solid #888; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
.btn_search_send_no{background-color:#ec8500; border:1px solid #ec8500; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
.btn_search_return{background-color:#f3503f; border:1px solid #f3503f; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
.btn_search_bgray{background-color:#888; border:1px solid #888; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}
.btn_search_bred{background-color:#f3503f; border:1px solid #f3503f; color:#fff; font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 5px 3px; width:45px;}


/*상태값 아이콘*/
.static_cl_01 {
		background-color:#fefafa; border:1px solid #e1e1e1; color:#3e454c !important; 
		font-size:11px; font-weight:500; display:inline-block; margin:0; padding:0px 3px 3px;
		text-decoration:none;
	}


/*버튼*/
.btn_type_blue a{padding:6px 15px 8px; background:#1587cb; color:#fff; border:1px solid #006fa9; display:inline-block; text-align:center; font-size:14px;  text-decoration:none; }
.btn_type_gray a{padding:6px 15px 8px; background:#666666; color:#fff; border:1px solid #555; display:inline-block; text-align:center; font-size:14px; }
.btn_type_blue a:hover{ background:#0d76b4; text-decoration:none;}
.btn_type_gray a:hover{ background:#555; text-decoration:none;}




/*달력*/
.calenderWrap .year_search{text-align:center; font-size:26px; color:#333; }
.calenderWrap .year_search img{vertical-align:middle;}
	.btn_year a{padding:1px 10px 3px 8px; background:#fafafa; color:#333; font-weight:bold; border:1px solid #ccc; display:inline-block; text-align:center; font-size:13px;}
	.icon_calendar{border:1px solid #c1c1c1; padding:6px; display:inline-block;}
	
	.calenderWrap .icon_calendar{background:url(../../../images/admin/board/icon_calendar.gif) no-repeat center center; padding:3px; display:inline-block; width:16px; height:16px;}
	.calenderWrap .icon_calendar a{font-size:0; display:inline-block;width:16px; height:16px; }
	.calenderWrap .calenderA { border-top:1px solid #333; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-collapse:collapse; margin:20px auto 25px; width: 100%;}
	.calenderWrap .calenderA th {background-color:#f7f4e9; padding:15px 0; border-left: 1px solid #ccc;}
	.calenderWrap .calenderA th.sunday{color:#fd0002}
	.calenderWrap .calenderA td span.sunday{color:#fd0002 !important;}
	.calenderWrap .calenderA th.saturday{color:#017aff}
	.calenderWrap .calenderA td span.saturday{color:#017aff !important;}
	.calenderWrap .calenderA td span.gray_t{color:#d4d4d4 !important;}
	.calenderWrap .calenderA th em {color: #017aff;font-weight: bold;}
	.calenderWrap .calenderA td {border-left:1px solid #ccc;border-top: 1px solid #ccc; vertical-align:top; height:100px;}
	.calenderWrap .calenderA td:hover {background:#f8f4eb;border:1px solid #b9a16b;}
	
	.calenderWrap .calenderA td a {display: block;}
	.calenderWrap .calenderA td .cal_date {display:block;font-size:13px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding: 5px 0 0 5px;}
	.calenderWrap .calenderA td .cal_case {display: block;font-size:13px; padding:10px 10px 12px 10px; color:#666;}
	.calenderWrap .calenderA td .cal_case ul li{ margin:5px 0; background:url(../../../images/admin/board/bul_gray.gif) no-repeat left 6px; padding-left:8px;}
	.calenderWrap .calenderA td .cal_case ul li a{color:#666;}
	 .calenderWrap .calenderA td .cal_case ul li a:hover{text-decoration:underline;}

	.calenderWrap .calenderA td.on {background: #ed8824;border: 1px solid #de7610; color:#fff;}
	
	.calenderWrap .calenderA td.on .cal_case ul li{ margin:5px 0; background:url(../../../images/admin/board/bul_white.gif) no-repeat left 6px !important; padding-left:8px;}
	.calenderWrap .calenderA td.on .cal_case ul li a{color:#fff;}
	.calenderWrap .calenderA td.on .cal_case em {color:#fff;}
	.calenderWrap .calenderA td.off { color: #d2dcf0;}
	.calenderWrap .calenderA td.month {border-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; font-weight:500; font-size:16px;}
	.calenderWrap .calenderA td.month em{font-size:24px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
	.calenderWrap .calenderA td.month:hover {background:none;border:none; border-top:1px solid #e3e3e3;}


	/* 갤러리 리스트 */
	#galleryList{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; padding:20px 0;}
	#galleryList ul li{ width:20%; float:left; margin-bottom:20px;}
	#galleryList ul li a{display:block; border:1px solid #ccc; margin:0 3%;}
	
	#galleryList ul li a:hover{ background-color:#f4f2e3;  border:1px solid #b5b081; text-decoration:none;}
	#galleryList ul li span{display:block;}
	#galleryList:after{ clear:both; content:""; display:block;}
	#galleryList ul li span.thum_date{font-size:13px; padding:5px 20px 20px; color:#777;}
	#galleryList ul li span.thum_image{ padding:20px 20px 10px;}
	#galleryList ul li span.thum_image img{ width:100%; height:150px !important;}
	#galleryList ul li span.thum_title{padding:0px 20px; height:25px; font-weight:500; color:#222; font-size:16px; line-height:22px; width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

	@media only screen and (max-width:1300px) {
	#galleryList ul li span.thum_image{ padding:10px 10px 10px;}
	#galleryList ul li span.thum_date{padding:5px 10px 10px;}
	#galleryList ul li span.thum_title{padding:0px 10px;}
	}
	@media only screen and (max-width:1300px) {
	#galleryList ul li span.thum_image img{ width:100%; height:90px !important;}
	}
	@media screen and (min-width:1301px) and (max-width:1500px) {
 #galleryList ul li span.thum_image img{ width:100%; height:130px !important;}
	}

/*댓글*/
.comment_area{ margin-top:30px; border-top:2px solid #ccc; padding-top:20px;}
.comment_area .comment_write{position:relative;padding-top:10px;}
.comment_area .comment_write strong.title{font-weight:600; font-size:17px; padding-left:25px; color:#222; background:url(../../../images/admin/h4_bul.gif) no-repeat left 5px;}

.cm_social_link{ height:30px; text-align:right; position:absolute; right:0; top:0;}
.cm_social_link a{ display:inline-block; border:1px solid #c0c0b5; width:27px; height:27px; cursor:pointer; border-radius:40px; background:url(../../../images/civileducation/common/board/icon_cm_social.png) no-repeat center top;}
.cm_social_link a.tw{ background-position: center -27px;}
.cm_social_link a.fb{ background-position: center -54px;}
.cm_social_link a span{display:none;}

.cm_area{position:relative; margin-top:5px;}
.cm_write{float:left; width:89%; position:relative; border:1px solid #ccc; border-right:none;}
.cm_write textarea{width:98%; padding:5px 1%; height:75px; display:block; border:none !important;}
.cm_write .cm_write_text{ position:absolute; top:10px; left:1.5%; z-index:-1px; color:#999; cursor:pointer; height:60px;}
.cm_upload{float:right; width:10.6%; border:1px solid #bbb; height:85px;}
.cm_upload input[type="button"]{ cursor:pointer; width:100%; height:83px; font-weight:bold; background:#fafafa; color:#222; font-size:14px; border:none;}
.cm_notice{font-size:12px; color:#777; margin-top:5px;}
.cm_area:after{ clear:both; content:""; display:block;}

.reply_area {margin-top:35px;}
.reply_area strong.title{ font-weight:600; font-size:16px; color:#222; border-bottom: 1px solid #ccc; line-height:22px; padding-bottom:10px; }
.reply_area span.reply_count{ display:inline-block; color:#e82e2e; margin-left:5px; font-weight:600; font-size:18px;line-height:22px;}

.reply_area .reply_box{border-bottom: 1px solid #ddd; padding:10px 0; position:relative; font-size:13px;}
.reply_box dl dt{margin-bottom:7px; font-size:15px; font-weight:600; color:#333; }
.reply_box dl dt span.history{ display:inline-block; font-size:13px; margin-left:10px; color:#777; font-weight:normal;}
.reply_box dl dt a.reply_delete{ display:inline-block; border-left:1px solid #e0e0e0; margin-left:10px; text-align:center; padding:3px 4px 2px; color:#222; border:1px solid #ccc; font-weight:normal; font-size:12px;}
.reply_box dl dt a:hover.reply_delete{ background-color:#e2e2e2;}
.reply_box p{ font-size:14px; line-height:18px; color:#666;}

/*기관부서관리*/
.jstree_demo_box{border:2px solid #ccc; float:left; width:50%; height:400px; overflow-y:scroll; }

.jstree_demo_box_select{ background-color:#d6e0e5; padding:20px; text-align:center; }
.jstree_demo_box_select select{width:50%; height:30px;}
.jstree_demo_box_select input[type="button"]{ background:#1587cb; border:1px solid #0d6aa1; height:30px; color:#fff; padding:0 10px 2px; cursor: pointer;}
.jstree_demo_box_r_box{background:url(../../../images/admin/btn_next_tree.gif) no-repeat left center;  float:right; width:49%; }
.jstree_demo_box_r{border:2px solid #ccc; height:358px; padding:20px; margin-left:60px; }





/*사용자관리*/
.jstree_user_box{border:2px solid #ccc; float:left; width:40%; height:595px; overflow-y:scroll; }

.jstree_user_box_select{ background-color:#d6e0e5; padding:10px; text-align:center; }
.jstree_user_box_select select{width:20%; height:30px;}
.jstree_user_box_select input[type="button"]{ background:#1587cb; border:1px solid #0d6aa1; height:30px; color:#fff; padding:0 10px 2px; cursor: pointer;}
.jstree_user_box_select input[type="text"]{ height:27px;}

.jstree_user_box_r_box{background:url(../../../images/admin/btn_next_tree.gif) no-repeat left center;  float:right; width:58%; }
.jstree_user_box_r{position:relative; border:2px solid #ccc; height:555px; padding:20px; margin-left:60px; }

.jstree_user_box_r input[type="button"]{ background:#1587cb; border:1px solid #0d6aa1; height:30px; color:#fff; padding:0 10px 2px; cursor:pointer;}
.jstree_user_box_r input[type="button"].gray_btn_bu{ background:#666666; border:1px solid #555555; height:30px; color:#fff;}
.jstree_user_box_r input[type="checkbox"]{border:none;}

a.btn_search_gray{background-color:#686868; border:1px solid #575757; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin:0; padding:2px 10px 4px;
		text-decoration:none;}
a.btn_search_gray:HOVER {background-color:#4c4c4c; border:1px solid #2f2f2f;}

.jstree_user_box_r .range{position:absolute; right:0; width:auto; width:173px;}
.jstree_user_box_r input{height:24px; }
.jstree_user_box_r img{cursor:pointer; vertical-align:top; padding-top:2px;}
.jstree_user_box_r .border_right{position:absolute; right:20px; top:20px; font-size:14px; color:#444;}
.jstree_user_box_r input, .jstree_user_box_r select{vertical-align:top; border:1px solid #bbbbbb;}
.jstree_user_box_r select{height:26px; min-width:80px;}

.jstree_user_box_r > form > #searchKeyword{width:150px !important;}


/*조직도*/
.organization_box{overflow:hidden; border:1px solid #ccc; padding:20px;}

.organization a:hover{ text-decoration:underline;}
.organization li.org_depth_01 a{display:inline-block;  font-weight:600; font-size:20px; color:#fff; padding:15px; }
.organization li.org_depth_01 span {width:200px; display:inline-block; background-color:#008dce; text-align:center;}
.organization li ul{padding-left:100px; }
.organization li ul li{background:url(../../../images/admin/org_depth_row.gif) repeat-y left top;}

.organization li ul li:last-child.org_depth_02, .organization li ul li:last-child.org_depth_03{background:none;}
.organization li ul li.org_depth_02 a{width:150px; display:block;  font-size:16px; background-color:#0eac85; color:#fff; padding:12px; margin:10px 0 0 130px;}

.organization li ul li.org_depth_02 span{display:inline-block;color:#fff; background:url(../../../images/admin/org_depth_col.gif) no-repeat left -15px;  }
.organization li ul li ul{padding-left:210px; }

.organization li ul li ul li.org_depth_03 a{display:block; width:150px;  font-weight:500; font-size:15px; background:#8d8d8d; color:#fff; padding:11px;  margin:0 0 10px 100px; }
.organization li ul li ul li.org_depth_03 span{display:inline-block; font-size:16px; color:#fff; background:url(../../../images/admin/org_depth_col.gif) no-repeat left -20px;}
.organization li ul li ul li:last-child.org_depth_03 a{ }

/*권한관리*/
.group_area_01 { float:left; width:50%;}
.group_area_01_01{ border:2px solid #ccc; overflow-y:scroll; margin:15px 0 0 0; height:400px;}
.group_area_table{ padding:20px 15px;}
.group_area_02{background:url(../../../images/admin/btn_next_tree.gif) no-repeat left center;  float:right; width:49%; }
.group_area_02_01{ border:2px solid #ccc; padding:15px; margin:15px 0 0 60px; height:369px;}

.group_area_01_01 input[type="text"]{font-family:"맑은 고딕",Malgun Gothic,AppleGothic,sans-serif,"돋움", Dotum;     border: 1px solid #c1c1c1;   padding: 2px 0 3px 3px;}

.group_search_wrap{padding:20px 60px 20px 20px; position:relative;  background:#d6e0e5; text-align:center;}

.group_search_btn{ position:absolute; right:20px; top:22px;}
.group_search_btn .btn_blue{display:block; background: #1587cb; border: 1px solid #0d6aa1; color: #fff; padding:4px 10px 4px; font-size:13px;}
	
.group_search_btn .btn_blue:HOVER {
		background-color:#0d76b4; border:1px solid #0d6aa1;
	}

/*요청처리현황*/
.sts-a { color: rgb(75,192,192) !important; font-size: 12px; }  
.sts-b { color: rgb(255,99,132) !important; font-size: 12px; }
.sts-c { color: rgb(54,162,235) !important; font-size: 12px; }  

.year-text {
    font-size: 12px;
}

.year-info-wrap {
    text-align: right;
}

.year-info {
    font-size: 12px;   
    color: red;
    position: relative;
    left: 300px;
}
	
/*차트*/
 .chart-container {
     display: flex;
     gap: 40px;
     width: 100%;
     margin-top: 20px;
 }
 .chart-box {
     flex: 1;
 }

.chart-wrapper {
    width: 100%;
    max-width: 900px;          /* 차트 너비와 동일하게 */
    margin: 0 auto;            /* 중앙 정렬 */
}

.chart-title {
    text-align: center;        
    margin-bottom: 16px;
}

.chart-main-title {
    font-size: 20px;
    font-weight: bold;
    color: #666;
    margin-bottom: 6px;        /* 줄바꿈 간격 */
}

.chart-sub-title {
    font-size: 14px;
}

/* 상태별 색상 */
.chart-sub-title .sts-a {
    color: rgb(75,192,192);    /* 접수 - 초록 */
    font-weight: 600;
}

.chart-sub-title .sts-b {
    color: rgb(255,99,132);    /* 처리중 - 빨강 */
    font-weight: 600;
}

.chart-sub-title .sts-c {
    color: rgb(54,162,235);    /* 완료 - 파랑 */
    font-weight: 600;
}

.chart-sub-title .sep {
    margin: 0 6px;
    color: #666;
}