@charset "utf-8";
* {   font-family:"돋움";font-size:12px;color:#333333;margin:0;padding:0;line-height:120%;}
ul, ol { list-style:none;margin:0;padding:0;}
a {  text-decoration:none;}
img {  border:0;}
input {line-height:20px;}
input, textarea {font-size:12px;color:#333333;}

table.collapse { border-collapse:collapse;margin:1px 0 0 1px;}
table.collapse td { border-style:solid;border-width:1px;}

/* 메인페이지 스타일 */
#wrap { position:absolute; left:0; top:0; width:100%; height:239px; z-index:1; }
#center { position:relative; width:950px; height:152px; z-index:2; margin:auto; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#top { position:relative;width:950px; height:100px; z-index:3; }
#top span{ position:relative; left:537px; top:5px; margin:5px; padding:0; float:left; height:15px; }
#logo { position:relative; width:218px; height:100px; z-index:3; float:left; }
#ctopmenu { position:relative; width:732px; left:0; top:5px; height:43px; z-index:2; margin:0; padding:0; float:left; }
#ctopmenu li{ position:relative; float:left; margin:0; padding:0;}
#container { position:relative; float:left; width:950px; z-index:2; }
#container2 { position:relative; float:left; width:950px; height:455px; z-index:2; background-image: url(/civil/img/skin_3.jpg); background-repeat: no-repeat; }
#footer { z-index:2; clear:both;  width:940px;}
/*서브페이지 스타일 */
.snb { position:relative; float:left; width:254px; z-index:2; margin:0; padding-top:25px; }
#bg_top { position:relative;width:950px; height:18px; z-index:2;float:left}
#mid_con { position:relative; width:946px; z-index:2; border-right-width: 2px; border-left-width: 2px; border-right-style: solid; border-left-style: solid; border-right-color: #ff6a00; border-left-color: #ff6a00; float:left; margin:0; padding:0; }
#bg_bottom { position:relative; width:950px; height:25px; z-index:2; float:left; margin:0; padding:0; }
#right_con { position:relative; width:673px; z-index:2; float:left; margin:0; padding:0; border-left-width: 1px; border-left-style: solid; border-left-color: #ff9900; }
.location { position:relative; width:610px; height:33px; z-index:3; margin:10px 0 0 41px; padding:0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #dadada; }
#page_add1 {position:relative;  width:222px; height:28px; z-index:3; float:left;}
#location_link { position:relative; width:386px; height:21px; z-index:3; float:left;text-align:right; }
#title_con { position:relative; width:610px; height:23px; z-index:3; margin:20px 0 0 41px; }
#page_con { position:relative; width:610px; z-index:3; margin:20px 0 0 41px; }
#lost_gallery {position:relative; width:610px; z-index:3;margin:20px 0 0 0; }
.tle { background: url(/img/pa/tle_bg_cb.gif) no-repeat 0px bottom; }/*이미지 적용*/
.blue {color:#0066ff}
.corange {color:#ff6600;}
.cb {font-weight:bold;}

.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(/civil/img/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; }
/* 01_민원실 depth 영역 */
.box {width: 607px;	float:left;} /* 컨텐츠메뉴를 싸고 있는 박스영역 */
.depts_box ul {	position:relative;}
.depts_box li {position:relative; padding-left: 16px; background: url(/img/btn/civil_1_depts.gif) no-repeat 0 2px;color:#333333;font-weight:bold;}            /* 1차 메뉴 */
.depts_box li ul li {position:relative; padding-left: 12px;background: url(/img/btn/cs_2_depts.gif) no-repeat 0 7px;color:#333333;font-weight:normal;line-height:20px;}     /* 2차 메뉴 */
.depts_box li ul li ul li{position:relative; padding-left: 12px;background: url(/img/btn/civil_3_depts.gif) no-repeat 0 5px;line-height:17px;}                                  /* 3차 메뉴 */
.depts_box li ul li ul li ul {position:relative; margin-bottom:8px;} /* 4차 메뉴 bottom */
.depts_box li ul li ul li ul li{position:relative; padding-left: 12px;background: url(/img/btn/life_4_depts.gif) no-repeat 0 5px;color:#333333;margin-bottom:0px;}   /* 4차 메뉴 */
.img0{margin-bottom:10px;}
/*플래시 갤러리*/
.c_gallery{ position:relative; width:871px; height:300px; margin:150px 0 0 38px;}


/*평가하기 */
#civil_point { position:relative; width:610px; z-index:3; margin:20px 0 0 41px; }
#update1 {  position:relative;width:580px; height:25px; border:1px solid #dbdbdb; background: #fbfbfb; padding: 10px 10px 0px 20px; margin-bottom:5px;}
#update2 {  position:relative;width:595px; height:80px; border:1px solid #dbdbdb; background: #fbfbfb; padding: 0px 10px 0px 5px; z-index:13;  }
#update2 h5 { position:absolute; float:left;}
#pointarea { position:absolute;left:180px; top:20px;width:420px; height:50px;}
#pointarea input,#pointarea label {vertical-align:middle;margin-bottom:5px}

/*종합민원실 안내 sub01.htm 페이지 실명제 사용*/
#civilsub01_point { position:relative; width:610px; z-index:2;margin:0 auto;}
.select01 {border:#cccccc 1px solid; background-color:#ffffff; color:#555555;font-size:12px;height:18px;}
