@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*01_cs contents 영역 시작*/

/* 컨텐츠 상단 타이틀 영역
.info_s ul {padding-top: 20px;}
.info_s {background: url(/img/cs/info_s_bg.gif) no-repeat left top;height: 81px;width: 607px;margin-bottom: 20px;}
.info_s ul li{ background: url(/img/btn/cs_gray.gif) no-repeat 0px 8px; margin-left: 84px;/*margin-top: 20px; margin-right: 25px; padding-left: 8px; }*/

/* 컨텐츠 타이틀 영역 */

#cnt .page_message {margin-bottom: 20px; }
#cnt .page_message ul { border: 1px solid #da8ab1; padding: 20px 17px;margin-bottom: 0; }
#cnt .page_message li { background: url(/img/btn/page_message.gif) no-repeat 0px 3px; padding-left: 16px; padding-bottom: 0px; }
#cnt .page_message .page_message_btn_r {text-align: right; }


.tle { background: url(/img/pa/tle_bg_cb.gif) no-repeat 0px bottom; }/*이미지 적용*/


.tle_img { background: url(/img/cs/tle_img.gif) no-repeat 0px 0px; height: 52px; width: 52px; float: left; margin-top: 16px; margin-left: 14px; }
.tle_space { margin-bottom: 20px; }/* 전체 감싼후 bottom 띄우기*/

.tle_t { background: url(/img/cs/tle_bg_t.gif) no-repeat 0px 0px; height: 81px; } /*top 이미지 적용*/
.tle_depth { padding-top: 20px;padding-bottom:20px; } 
.tle_depth li { background: url(/img/btn/cs_gray.gif) no-repeat 0px 8px; padding-left: 12px; margin-left: 84px; margin-right: 20px; }


.tle_img2 { background: url(/img/cs/tle_img.gif) no-repeat 0px 0px; float: left; margin-left: 14px; margin-top: 13px; height: 52px; width: 52px; }  /*설명부분이 세줄이상일 경우*/
.tle_t2 {background: url(/img/cs/tle_bg_t.gif) no-repeat 0px 0px; padding-top: 5px; padding-bottom: 8px; }            /*top 이미지 적용  - 설명부분이 세줄이상일 경우 */
.tle_depth2 { padding-top: 16px; padding-bottom: 18px; } 	
.tle_depth2 li { background: url(/img/btn/cs_gray.gif) no-repeat 0px 8px; padding-left: 12px; margin-left: 84px; margin-right: 20px;}


/* 쓰레기봉투신청 -이달의교육일정, 배움나라로 가기, 포토갤러리 영역*/
.boxRight {	float: right;	width: 177px;	padding-top: 15px;}
/*.depts_box {	margin-top: 20px;	}*/



/* 01_민원서비스 메뉴 영역 */
.box {width: 607px;	 /*margin-left:7px;*/ } /* 컨텐츠메뉴를 싸고 있는 박스영역 */
.depts_box ul {	 margin-bottom:20px;	/*margin-top:8px;*/}
.depts_box  li {padding-left: 16px;	background: url(/img/btn/cs_1_depts.gif) no-repeat 0 4px;color:#cc3680;font-weight:bold;}            /* 1차 메뉴 */
.depts_box  li ul li {padding-left: 12px;background: url(/img/btn/cs_2_depts.gif) no-repeat 0 7px;color:#333333;font-weight:normal;}     /* 2차 메뉴 */
.depts_box li ul li ul li{padding-left: 12px;background: url(/img/btn/cs_3_depts.gif) no-repeat 0 5px;}                                  /* 3차 메뉴 */
.depts_box li ul li ul li ul {margin-bottom:8px;} /* 4차 메뉴 bottom */
.depts_box li ul li ul li ul li{padding-left: 12px;background: url(/img/btn/life_4_depts.gif) no-repeat 0 5px;color:#333333;margin-bottom:0px;}   /* 4차 메뉴 */



/* 개별공시지가 영역 /bg /버튼 영역*/
.bg_search { background: url(/img/cs/bg_sg_search.gif) no-repeat 0px 0px;height: 166px;	width: 600px;	margin-top:10px;	margin-left:-22px;}
.bg_search_boxtable {padding:18px 43px 0 43px;}
.bg_search_btn {/*clear: both;*/text-align:center;padding-top: 10px;padding-bottom: 30px;height: 20px;padding-left: 16px;}
.ps {height: 40px;padding-left:30px;padding-bottom:20px;}


/*BOARD BG영역 01_민원서비스 게시판 색상 및 bg */

.boardtxt_gray {color:#666666;}
.cs_top{background:url(/img/board/cs_top.gif);}
.cs_top_v{ background:url(/img/board/cs_top_view.gif) repeat-x 0px bottom; }
.B2_top_none {background:url(/img/board/bg_top_none.gif);}
.B2_top_none_v { background:url(/img/board/bg_top_none_view.gif) repeat-x 0px bottom; }
.b2_bar  { background:url(/img/board/line2_top_view.gif) repeat-x left bottom; }

.table_bar { background:url(/img/board/cs_line2_top.gif) no-repeat center bottom;height:33px; }
.btn_write { text-align:center;padding-top:15px;} /* 쓰기게시판- 확인/취소 버튼   align 수정시*/


/*BOARD 민원서비스 테이블 스타일*/
.civiltable_cs {width: 100%; text-align:center;background-color:#dbdbdb;}
.civiltable_cs thead th {color:#333333;line-height:24px;padding:4px 0; background-color:#e7f2f9;}
.civiltable_cs tbody td {line-height:24px; background-color:#ffffff;}
.civiltable_cs_txt {color:#288200;padding-left:10px;text-align:left;}   /* td 중 왼쪽정렬일 경우*/


/* 게시판 뷰페이지 테이블 스타일*/


/* BOARD 테이블 스타일*/
.table_cs_line {color:#cc3680;}
.table_cs {width: 100%; text-align:center;}
.table_cs th {color:#cc3680;}
.table_height {padding:3px 0;}

.table_ft_height {padding-top:20px;}
.table_cs_tdGray {color:#f3f2ef;}
.table_txt_Gray {color:#666666;}
.table_txt_point {color:#cc3680;}


.table_txt_left {color:#333333;padding-left:10px;text-align:left;}


/*BOARD 조회결과 영역 테이블 스타일*/
.rtable_cs {width: 100%; text-align:center;}
.rtable_cs_line {color:#cc3680;}
.rtable_cs th {color:#666666; }
.rtable_height {line-height:28px;}
.rtable_ft_height {padding-top:20px;}
.rtable_cs_tdGray {color:#f3f2ef;}


/*cs_종량제 규격봉투 종류별 구입가격 및 판매가 테이블 스타일*/
.dgatable_cs {width: 100%; text-align:center;}
.dgatable_cs thead th {color:#333333;line-height:16px;padding:4px 0; background-color:#f0efee;}
.dgatable_cs tbody td {line-height:21px; background:#ffffff;}
.dgatable_cs tfoot td {background-color:#db5b9a;}


/*게시판 쓰기 상단 색상*/
.board_tcolor {background-color:#db5b9a;}

/*조회 결과 영역 스타일*/
.result_boxall { }
.result_box { margin-bottom: 10px; /*margin-left:7px;*/}
.result_box  li {color:#cc3680;background: url(/img/btn/cs_1_depts.gif) no-repeat 0 4px;padding-left: 16px;font-weight:bold;}
.result_box li ul li{ background:none;padding-top: 10px;color:#333333;font-weight:normal;}
.li_none{/*margin-top:10px;*/color:#333333;font-weight:normal;}


.result_box .depts_no li { background: url(none);padding-left: 0px; font-weight: normal;margin-bottom:0px; }
.result_box .depts_no li ul li { background: url(none);padding-left: 16px;margin-bottom:0px; }


/* 자동차 검사일 조회 결과 박스bg*/
.car_resultbg {	background: url(/img/cs/car_result_bg.gif) no-repeat 0px 0px;height: 125px;width: 591px;}
.car_resultbg_box {	padding:40px 40px 0 40px;}
/*교통안전*/
.btn_box { padding-bottom: 10px; }



/* 재활용 사랑나눔 이미지영역*/
.nanum {}
.nanum_img {padding:20px 0 20px 0;height:334px;}

.allbum {}

/* 종량제 규격봉투 종류별 구입가격 및 판매가 */
.danga_all {position: relative;}
.danga_btn { padding: 15px 0px; text-align:left; }

/* board 달력/ 검색 부분
.s_searchall { width: 100%; height: 39px; border-color: #f0f0f0; border-width: 1px; padding-top:6px; background: #fbfbfb; border: 1px solid #f0f0f0; margin-bottom: 13px; margin-top: 10px; }
.s_search1 { float: left; padding-left: 10px; padding-right: 10px; }
.s_search2 { float: right; padding-left: 20px; padding-right: 10px; }*/

/* 갤러리 게시판 영역 감싸기*/
.b_gallery { } 


.board_box { }
.board_ps  { position: relative; padding-top: 20px; padding-left: 15px; }


.result_car { padding: 0px; background: #FFFFFF; margin: 10px 0px 30px; border-top: 1px solid #99bffc; border-bottom: 1px solid #99bffc; }

/*대형폐기물 처리신청*/
.pyegimul_img {margin-left:16px;margin-bottom:20px;margin-top:10px;}
.pyegimul_btn { margin-left: 30px; }
.list_tab ul { width:607px;}
/*.list_tab li { display: inline-block; width:121px; height:43px;line-height:43px;float: left;padding:0; margin:0;}*/
.list_tab li { width:121px; height:43px;line-height:43px;float: left;padding:0; margin:0;}
.list_tab2 ul{ width: 607px;}
/*.list_tab2 li { display: inline-block; background: url(/img/cs/list_tab2_icon.gif) no-repeat 0px center; padding-left: 14px; width: 100px; height: 22px; float: left; text-align:left;}*/
.list_tab2 li {background: url(/img/cs/list_tab2_icon.gif) no-repeat 0px center; padding-left: 14px; width: 100px; height: 22px; float: left; text-align:left;}

.table_01_style { width: 100%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.table_01_style thead  th{ color:#333333; line-height:24px; background-color:#fef1f7; font-weight:bold; border-bottom: 1px solid #CCCCCC; border-right-style: solid; }
.table_01_style tbody  td{ line-height:24px; background-color:#ffffff; text-align:center; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.table_01_style tfoot  td{ line-height:50px; text-align:center; border-left-style: none; }
.t_01_s_left {color:#288200;padding-left:10px;text-align:left;}   /* td 중 왼쪽정렬일 경우*/

/* th bold-> nomarl일때*/
.table_style02 { background-color:#c8c8c8;text-align:center;}
.table_style02 thead th {color:#333333;line-height:24px;padding:4px 0; background-color:#fef1f7; font-weight: normal; text-align:center;}
.table_style022 {color:#333333;line-height:24px;padding:4px 0; background-color:#fef1f7; font-weight: bold; text-align:center;}
.table_style02 tbody td {line-height:24px; background:#ffffff;}
.table_style02_txt {color:#288200;padding-left:10px;text-align:left;}   /* td 중 왼쪽정렬 색상 녹색일 경우*/
.table_style02_left {padding-left:10px;text-align:left;}   /* td 중 왼쪽정렬 색상 녹색일 경우*/



.table_02_style { background-color:#c8c8c8;text-align:center;}
.table_02_style thead th { background-color:#faf4e7; height:27px; line-height:27px;font-weight: bold;}
.table_02_style tbody td { background-color:#ffffff; line-height:22px;padding-top:4px; padding-bottom:4px; font-weight: normal; }
.table_02_line {background-color:#ff9900; height:2px;}
.table_02_left {padding-left:10px; text-align:left; }
.table_color_gray { background-color:#ff6600;}

.table_03_style { background-color:#c8c8c8;text-align:center; }
.table_03_style thead th { background-color:#faf4e7; height:27px; line-height:27px;font-weight: bold;}
.table_03_style tbody td { background-color:#ffffff; line-height:18px;padding:4px; font-weight: normal;font-size:11px;}
.table_03_style .tpoint{background-color:#f9ecec;}
.table_03_style .tpoint2{background-color:#ffffd7;}
.table_03_line {background-color:#ff9900; height:2px;}
.table_03_left {padding-left:10px; text-align:left; }
.table_color_gray { background-color:#ff6600;}

/* 편리한 민원처리제도 */
#tab_cs { position:relative;width:610px; height:24px; z-index:1; border-bottom-color: #e765a5; border-bottom-width: 1px; border-bottom-style: solid; }
#tab_cs li {float:left; margin:0; padding:0 2px 0 0 ;}

/* 민원서비스 일반 가이드*/
#guide_cs { position:relative; left:0px; top:0px; width:545px; z-index:1; border: 1px solid #e9869f; background-image: url(/img/sub/ico_guide2.gif); background-repeat: no-repeat; background-position: 25px 20px; padding: 18px 20px 10px 40px; margin-bottom:20px;}
#guide_cs li {  float:left; padding:0 20px 0 13px;text-align: center;}
#r_inline {margin:30px 0 40px 0;}
#r_inline li {display:inline;padding:0px 17px 0 0px;}

/*민원실 안내 새창*/

.dt_img { background: url(/img/cs/bg_cs_sitelink.jpg) no-repeat 0px 0px; height: 215px; width: 330px; padding:5px 0 0 20px; float: left; }
.dd_txtps { margin-left: 30px; width: 210px; float: left; }
.dt_btn { width: 292px; text-align: center; margin-top: 15px; }

.dd_txtps li {padding-left: 16px;	background: url(/img/btn/cs_1_depts.gif) no-repeat 0 4px;color:#cc3680;font-weight:bold;margin-bottom:20px;}         /* 1차메뉴 영역*/
.dd_txtps li ul{margin-top:8px;}
.dd_txtps li ul li {padding-left: 12px;background: url(/img/btn/cs_2_depts.gif) no-repeat 0 7px;color:#333333;font-weight:normal;margin-bottom:0px;}    /* 2차메뉴 영역*/
.dd_txtps li ul li ul     {margin-bottom:16px;}
.dd_txtps li ul li ul li {padding-left: 12px;background: url(/img/btn/cs_3_depts.gif) no-repeat 0 5px;font-weight:normal;margin-bottom:0px;}   /* 3차메뉴 영역*/

/* guide 메시지*/
.cpage_message {margin-bottom: 20px; width:100%; }
.cpage_message ul { border: 1px solid #e9869f; padding: 20px 20px 10px 20px; }
.cpage_message li { background: url(/img/btn/page_message.gif) no-repeat 0px 3px; padding-left: 16px; padding-bottom: 3px; }
.cpage_message li ul {  margin:0; padding:0; border: 0;} /* 4차 메뉴 bottom */
.cpage_message li ul li {padding-left: 12px;background: url(/img/btn/life_4_depts.gif) no-repeat 0 5px;color:#333333;margin-bottom:0px;}

.cpage_message .page_message_btn_r {text-align: right; }
/* 탑버튼*/
.gotop {position:absolute;right:50px;}

/*인터넷민원사이트연결 dl*/
.cs_dl { position:relative; margin:0; padding-top:17px; float:left; width:100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #efefef; height:90px; }

.cs_dt {position:relative;float:left;width:101px;height:64px;background-color:#e6e4dc;padding:3px 3px 3px 3px;}

.cs_dd  {position:relative;width:500px;height:71px;margin:0 0 10px 0;padding:0;float:left;}

.cs_dd h2 {position:relative;float:left;background: url(/img/board/ico_home2.gif)  no-repeat 0 3px; font-weight:bold; font-size:12px; margin-left:13px;padding-left:17px;width:370px;} 
.cs_dd p {position:relative;float:left;padding:10px 0 0 0;margin-left:13px;width:370px;}
.cs_span { position:relative; top:0px; padding-left:25px;margin:0;}

/* 페이지번호 감싸는 레이어*/
.page_No { position:relative; width:100%; height:59px; z-index:1; float:left; padding-top:20px;}


/* 텝메뉴 시작 */
.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
	border-bottom: 1px solid #ef86b9;
	width:97%;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
	display: block;
	padding: 0 10px;
	background: url(/img/common/tab1.png) no-repeat;
}
.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #27537a;
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
	color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	background-position: 100% -150px;
	outline: 0; /* prevent dotted border in Firefox */
	font-weight: bold;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px;
}
.tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.tabs-nav .tabs-selected a span {
	padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
	background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/*.tabs-nav .tabs-disabled {
	opacity: .4;
}*/
.tabs-container {
	/*border-top: 1px solid #b9dfe1;*/
	padding: 1em 8px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}
.depts_jbox { padding-left:25px; width: 534px;}
.depts_jbox .j_box_1 li { width: 560px;font-weight:normal;background:#efefef url(/img/btn/cs_3_depts.gif) no-repeat 10px 11px;height: 30px; line-height: 30px; padding-left:25px;  }
.depts_jbox .j_box_1 .j_box_1_no {padding-left:0px; background: url(none) ;height: 100px;}

.depts_jbox .j_box_1 p{ font-weight:normal; margin-top:5px;margin-bottom:5px;}


.selected_h{padding-top:10px;}


.table_type1 {clear:both;	margin:0; 	padding:0;	border-collapse:collapse; border:0; text-align: center;}
.table_type1 th,td { border:0; }
.table_type1 caption.cp_no{display:none;}
.table_type1 th {text-align:center; padding:5px 0px 5px 0px; background:#faf4e7; border:1px solid #ccc;}
.table_type1 td {text-align:center; padding:0px;  border:1px solid #ccc;}

.table_type2 {clear:both;	margin:0; 	padding:0;	border-collapse:collapse; border:0; width:100%;}
.table_type2 td {border:none; border-bottom:1px solid #ccc; padding:0px;}
.table_type2 td.last{border-bottom:none; }

.table_type3 {clear:both;	margin:0; 	padding:0;	border-collapse:collapse; border:0; width:100%;}
.table_type3 td {border:none; border-bottom:1px solid #ccc; padding:0px;  border-left:1px solid #ccc; }
.table_type3 td.last{border-bottom:none; }