.fboard_con {}
.map {width:853px; height:380px; margin:0; padding:0; border:0 none;}
.root_daum_roughmap .cont {display:none !important;}

@media screen and (max-width: 768px) {
}


/* 인사말 */
.ceo_desc {}
.ceo_desc .thumb {margin-bottom:35px;}
.ceo_desc .thumb img{width:100%; height:auto;}
.ceo_desc .txt1 {padding:0 45px; margin-bottom:20px; font-size:16px; line-height:150%;}
.ceo_desc .txt1 ul {margin-bottom:15px;}
.ceo_desc .txt1 ul li {margin-bottom:10px;}
.ceo_desc .txt1 ul li span {color:#286bc6;}
.ceo_desc .txt1 ul li i {display:block;}
.ceo_desc .txt1 ul li.line1 i {}
.ceo_desc .txt1 ul li.line2 i {margin-left:41px;}
.ceo_desc .txt1 ul li.line3 i {margin-left:41px;}
.ceo_desc .txt1 ul li.line4 i {margin-left:41px;}
.ceo_desc .txt1 ul li.line5 i {margin-left:87px;}
.ceo_desc .sign {width:597px; text-align:right;}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 624px) {
  .ceo_desc .thumb {margin-bottom:20px;}
  .ceo_desc .txt1 {padding:0 20px; margin-bottom:15px; font-size:14px; line-height:140%; word-break:break-all !important;}
  .ceo_desc .txt1 ul li {margin-bottom:5px;}
  .ceo_desc .txt1 ul li i {display:inline;}
  .ceo_desc .txt1 ul li.line2 i {margin-left:0;}
  .ceo_desc .txt1 ul li.line3 i {margin-left:0;}
  .ceo_desc .txt1 ul li.line4 i {margin-left:0;}
  .ceo_desc .txt1 ul li.line5 i {margin-left:0;}
  .ceo_desc .sign {width:100%;}
}

/* 역대구청장소개 */
.ceo_history {}
.ceo_history li {width:162px; height:257px; float:left; margin:0 0 5px 5px; text-align:center;}
.ceo_history li .his_head {height:40px; line-height:40px; color:#fff; font-weight:bold; text-align:center; font-size:16px; background:#8e979b url(../images/content/intro_ceo_history_bg.png) no-repeat right bottom;}
.ceo_history li.ml0 {}
.ceo_history li .his_body {width:162px; height:217px; padding-top:15px; text-align:center; border:1px solid #eeeeee; border-top:0 none !important;}
.ceo_history li .his_body img {padding-bottom:15px;}
.ceo_history li .his_body .txt {text-align:center; color:#787878; letter-spacing:-1px;}
.ceo_history li .his_body .txt span {display:block; margin-bottom:3px; text-align:center; color:#000; font-weight:bold;}

@media screen and (max-width: 768px) {
  .ceo_history li {width:160px; height:257px; margin:0 0 6px 3px;}
  .ceo_history li .his_body {height:217px;}
}


/* 연혁 */
.history {}
.history .top_img {margin-bottom:18px;}
.history .history_tit {font-size:16px; line-height:150%; margin-bottom:60px;}
.history ol.depth1 {margin-left:60px;}
.history ol.depth1 > li {margin-bottom:40px;}
.history ol.depth1 > li:after {display:block; content:""; clear:both;}
.history ol.depth1 > li .year {float:left; width:137px; text-align:center}
.history ol.depth1 > li .year span {display:block; padding-bottom:4px; font-size:28px; font-weight:bold; color:#007f9b; position:relative;}
.history ol.depth1 > li .year span:after {display:block; content:""; position:absolute; left:50%; bottom:-4px; margin-left:-33px; width:67px; height:4px; background:#b9e5ef;}
.history ol.depth1 > li .month {float:left; font-size:18px;}
.history ol.depth1 > li .month ol {}
.history ol.depth1 > li .month ol li {padding:3px 0; color:#8d8d8d;}
.history ol.depth1 > li .month ol li span {display:inline-block; width:90px; padding-left:11px; background:url(../images/common/bu_3.png) no-repeat left center; color:#5a5a5a;}

@media screen and (max-width: 768px) {
  .history .history_tit {font-size:14px;}
  .history ol.depth1 {margin-left:0;}
  .history ol.depth1 > li {margin-bottom:40px;}
  .history ol.depth1 > li .year {float:none; width:137px; margin:0 auto 15px;}
  .history ol.depth1 > li .year span:after {left:50%; bottom:-4px; margin-left:-33px;}
  .history ol.depth1 > li .month {float:none; font-size:14px;}
  .history ol.depth1 > li .month ol li span {display:inline-block; width:70px; padding-left:11px; background:url(../images/common/bu_3.png) no-repeat left center; color:#5a5a5a;}
}


/* 세입세출현황 */
.intro_tit1 {width:100%; height:188px; background:url(../images/content/intro_tit1.jpg) no-repeat left top;}
.intro_tit1 p {padding:33px 0 0 48px; margin-bottom:15px; font-size:32px; font-weight:bold; color:#fff;}
.intro_tit1 a.link1  {display:inline-block; height:34px; padding:0 15px; margin-left:49px; line-height:34px; background:#d7ebff; color:#34404c; font-weight:bold; font-size:16px; letter-spacing:-1px;}

@media screen and (max-width: 768px) {
  .intro_tit1 {width:100%; height:180px; background:#42586d;}
  .intro_tit1 p {padding:33px 0 0 33px; margin-bottom:15px; font-size:24px; line-height:120%;}
  .intro_tit1 a.link1 {width:200px; margin-left:33px; font-size:14px;}
}


/* 주요업무 */
.intro_tit2 {width:100%; height:188px; background:url(../images/content/intro_tit2.jpg) no-repeat left top;}
.intro_tit2:focus {border:5px solid red;}
.intro_tit2 p {padding:33px 0 0 48px; margin-bottom:15px; font-size:32px; font-weight:bold; color:#fff;}
.intro_tit2 a.plan_down1  {display:inline-block; height:34px; padding:0 35px 0 15px; margin-left:49px; line-height:34px; background:#ffe56d url(../images/common/icon_5.png) no-repeat 93% center; color:#55480c; font-weight:bold; font-size:16px;}
.intro_tit2 a.plan_down1:focus {height:40px; border:3px dashed #0000ff;}

@media screen and (max-width: 768px) {
  .intro_tit2 {width:100%; height:180px; background:#e16b3d;}
  .intro_tit2 p {padding:33px 0 0 33px; margin-bottom:15px; font-size:24px; line-height:120%}
  .intro_tit2 a.plan_down1  {margin-left:33px; font-size:14px;}
}


/* 재정현황 */
.intro_tit3 {width:100%; height:188px; background:url(../images/content/intro_tit3.jpg) no-repeat left top;}
.intro_tit3 .desc {padding:40px 0 0 48px;}
.intro_tit3 .desc dt {margin-bottom:25px; font-size:32px; font-weight:bold; color:#fff;}
.intro_tit3 .desc dd {font-size:22px; font-weight:bold; color:#fff !important;}
.intro_tit3 .desc dd span { padding-right:35px;color:#fff !important;}

@media screen and (max-width: 768px) {
  .intro_tit3 {width:100%; height:180px; background:#1a9869;}
  .intro_tit3 .desc dt {margin-bottom:15px; font-size:25px;}
  .intro_tit3 .desc dd {font-size:16px; font-weight:normal;}
}


/* 조직도 */
.organization {width:853px; height:950px;}
.organ {width:853px; margin:0 auto; position:relative; background:url(../images/content/organ_tree_bg.png) no-repeat 65px 45px;}
.organ .depth1 {}
.organ .depth1 a {display:block;}
.organ .depth1 > li.ceo {}
.organ .depth1 > li.ceo > a {margin:50px auto 110px; width:320px; height:54px; line-height:57px; border-bottom:3px solid #006788; border-radius:8px; overflow:hidden; background:#1399C4; text-align:center; font-size:22px; font-weight:bold; color:#fff;}
.organ .depth2 > li {float:left; width:130px; height:263px; margin-right:10px; margin-bottom:15px; border:1px solid #eee;}
.organ .depth2 > li:nth-child(1),
.organ .depth2 > li:nth-child(2),
.organ .depth2 > li:nth-child(3),
.organ .depth2 > li:nth-child(4),
.organ .depth2 > li:nth-child(5),
.organ .depth2 > li:nth-child(6) {height:284px;}
.organ .depth2 > li p > a {height:40px; line-height:40px; text-align:center; font-weight:bold; color:#fff; background:#8e979b url(../images/content/intro_ceo_history_bg.png) no-repeat right bottom;}
.organ .depth3 > li {border-top:1px dashed #eee;}
.organ .depth3 > li:first-child {border:0 none;}
.organ .depth3 > li > a {padding:8px 8px 8px 18px; background:url(../images/common/bu_5.png) no-repeat 9px center; font-size:13px;}
.organ .depth3 > li > a:hover {background:#f6f6f6 url(../images/common/bu_5.png) no-repeat 9px center;}
.organ .depth2 > li.organ_dong {width:550px !important;}
.organ .depth2 > li.organ_dong p {height:40px; line-height:40px; text-align:center; font-weight:bold; color:#fff; background:#8e979b url(../images/content/intro_ceo_history_bg.png) no-repeat right bottom;}
.organ .depth2 > li.organ_dong ul li {float:left; width:14.2%;}
.organ .depth2 > li.organ_dong ul li:first-child {border:0 none;}
.organ .depth2 > li.organ_dong ul li > a {padding:8px 8px 8px 18px; background:url(../images/common/bu_5.png) no-repeat 9px center; font-size:13px;}

@media screen and (min-width:768px) and (max-width:1024px) {
  .organ .depth2 > li {height:270px;}
}

@media screen and (max-width: 768px) {
  .organization {width:100%; height:auto;}
  .organ {width:100%; background:none;}
  .organ .depth1 > li.ceo > a {margin:0; width:100%; margin-bottom:15px; border-bottom:0 none; background:#d95353; border-radius:0;}
  .organ .depth2 > li p > a {color:#fff; font-size:16px; font-weight:bold; background:#2391c8 none;}
  .organ .depth2 > li {float:none; width:100%; height:auto; margin-right:0; margin-bottom:15px;}
  .organ .depth2 > li.organ_dong {width:100% !important; overflow:hidden;  border:1px solid #eee;}
  .organ .depth2 > li.organ_dong p {font-size:16px; font-weight:bold; background:#2391c8 none;}
  .organ .depth2 > li.organ_dong ul li {width:33.3%; border-top:1px dashed #eee;}
  .organ .depth3 {overflow:hidden;}
  .organ .depth3 > li {width:50%; float:left; border-top:1px dashed #eee;}
  }


/* 청사안내 */
.gov_con {width:853px; height:358px; border:1px solid #eee; position:relative;}
.gov_con .gov_ctrl {padding:10px; margin-bottom:20px;}
.gov_con .gov_ctrl ol.menu4 li {float:left; width:25%;}
.gov_con .gov_ctrl ol.menu5 li {float:left; width:20%;}
.gov_con .gov_ctrl ol li a {display:block; padding:10px 0; margin-bottom:2px; background:#e1e1e1; font-size:22px; font-weight:bold; color:#656565; text-align:center; border-left:2px solid #fff;}
.gov_con .gov_ctrl ol li:first-child a {border:0 none;}
.gov_con .gov_ctrl ol li a:hover, .gov_con .gov_ctrl ol li a.on {background:#e65230 url(../images/common/bg_bar1.png) no-repeat right bottom; color:#fff; position:relative;}
.gov_con .gov_ctrl ol li a:hover:after, .gov_con .gov_ctrl ol li a.on:after {display:block; content:""; width:15px; height:8px; background:url(../images/common/bg_arrow2.png) no-repeat; position:absolute; left:50%; bottom:-8px; margin-left:-8px;}
.gov_con .gov_gallery {position:absolute; top:75px;}
.gov_con .gov_gallery .bxslider6 > li, .gov_con .gov_gallery .bxslider7 > li {width:100%; height:281px;}
.gov_con .gov_gallery .thumb {width:690px; float:left; text-align:center;}
.gov_con .gov_gallery .desc {width:155px; padding:10px 5px 10px 0; float:left; letter-spacing:-1px;}
.gov_con .gov_gallery .desc p {padding-bottom:10px; margin-bottom:20px; font-size:18px; border-bottom:1px solid #eee;}
.gov_con .gov_gallery .desc ol {color:#8b8b8b; line-height:160%;}

@media screen and (max-width: 768px) {
  .gov_con {width:100%; height:388px; }
  .gov_con .gov_ctrl ol li a {font-size:16px; font-weight:bold;}
  .gov_con .gov_gallery .thumb {width:100%; float:none;}
  .gov_con .gov_gallery .thumb img {width:100%; height:auto;}
  .gov_con .gov_gallery .desc {width:100%; padding:10px 5px 10px 0; float:none;}
  .gov_con .gov_gallery .bxslider6 > li, .gov_con .gov_gallery .bxslider7 > li {width:100%; height:auto;}
  .gov_con .gov_gallery .desc {width:100%; padding:10px; float:none; letter-spacing:0;}
  .gov_con .gov_gallery .desc p {padding:10px; margin-bottom:10px; font-size:16px; text-align:center; font-weight:bold; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
  .gov_con .gov_gallery .desc ol {overflow:hidden; font-size:14px;}
  .gov_con .gov_gallery .desc ol li {float:left; width:50%;}
}


/* 행정구역 */
.intro_area1 {padding:50px 20px 0 20px; margin-bottom:30px; border:1px solid #eee; text-align:center;}
.intro_area1 img {margin-bottom:35px;}

@media screen and (max-width: 768px) {
  .intro_area1 {padding:50px 10px 0 10px; margin-bottom:20px;}
  .intro_area1 img {margin-bottom:20px;}
}


/* 달라지는제도 */
.tbl_jedo {font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif !important; border-top:2px solid #585d65;margin-bottom:10px;font-size:13px !important;	letter-spacing:-1px;line-height:145%;}
.tbl_jedo thead th {background-color:#f7f7f7;	border:1px solid #ebebeb;border-bottom:1px solid #ccc !important; padding:13px 5px;text-align:center;	font-weight:bold;}
.tbl_jedo tbody th, .tbl_jedo tbody td {padding:13px 5px;border:1px solid #ebebeb;color:#828282;text-align:center;}
.tbl_jedo tbody th {color:#555 !important;	background-color:#fdfdfd;}
.tbl_jedo tbody td {font-weight:normal;}

@media screen and (max-width: 768px) {
  .tbl_jedo {font-size:12px !important; letter-spacing:-1px;}
  .tbl_jedo thead th {padding:10px 5px;}
  .tbl_jedo tbody th, .tbl_jedo tbody td {padding:5px;}
}


/* 구정방향 */
/*
.intro_direction {width:853px; height:702px; background:url(/images/content/intro_direction_bg1.jpg) no-repeat left top; position:relative;}
.intro_direction h4.d_tit1 {position:absolute; top:101px; left:350px; font-size:32px; font-weight:bold; text-align:center; color:#fff;}
.intro_direction > ul > li {position:absolute; left:120px; font-size:26px; color:#505050;}
.intro_direction > ul > li:after {display:block; content:""; clear:both;}
.intro_direction > ul > li h5 {float:left; width:150px; font-weight:bold;}
.intro_direction > ul > li div {float:left; width:514px; font-weight:normal;}
.intro_direction .step2 {top:302px;}
.intro_direction .step2 h5 {color:#2f7aaf;}
.intro_direction .step3 {top:427px;}
.intro_direction .step3 h5 {color:#00b4a9;}
.intro_direction .step3 .step3_desc {}
.intro_direction .step3 .step3_desc li {margin-bottom:10px; padding-left:15px; background:url(/images/content/intro_direction_bu1.png) no-repeat left center; letter-spacing:-1px;}
*/


/* 찾아오시는길 */
iframe.map {width:100%; height:380px;} /* 다음지도 외부 크기(내부보다 20px 크게) */
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:360px !important;} /* 다음지도 내부 크기 */

@media screen and (max-width: 768px) {
  iframe.map {width:100%; height:260px;} /* 다음지도 외부 크기 */
  .root_daum_roughmap {width:100% !important;}
  .root_daum_roughmap .wrap_map {height:240px !important;} /* 다음지도 내부 크기 */
}


/* 분야별 인터넷민원 */
.bnnr_wrap {}
.bnnr_wrap ul {overflow:hidden;}
.bnnr_wrap ul li {width:25%; padding:6px 0; float:left; text-align:center; }
.bnnr_wrap ul li a {display:block; width:202px; height:49px; line-height:49px; border:1px solid #ebebeb;}
.bnnr_wrap ul li a:hover {border:1px solid #c6c6c6;}
.bnnr_wrap ul li a.sn {font-size:16px; font-weight:bold; color:#6b6b6b;}
.bnnr_wrap ul li a.sn img {margin-right:10px;}

@media screen and (max-width: 768px) {
  .bnnr_wrap ul li {width:48%; margin-right:2%;}
  .bnnr_wrap ul li a {width:100%; height:auto;}
  .bnnr_wrap ul li a img {width:150px; height:auto;}
}


/* 복지시설 */
.wel_center {overflow:hidden;}
.wel_center .thumb {float:left; width:361px; margin-right:40px;}
.wel_center .desc {float:left;}

@media screen and (max-width: 768px) {
  .wel_center .thumb {float:none; width:100%; margin-right:0; margin-bottom:10px;}
  .wel_center .thumb img {width:100%; height:auto;}
  .wel_center .desc {float:none; padding-left:15px;}
}


/**** 분야별메뉴 *****/
/* 문화관광 */
.tour_gallery {position:relative;margin-bottom:20px;}
.tour_gallery > img {width:100%; height:auto;}
.tour_gallery .tour_ctrl {position:absolute; right:15px; bottom:15px;}
.tour_gallery .tour_ctrl a {display:inline-block;}
.tour_tit {font-size:16px; line-height:150%; margin-bottom:30px;}

@media screen and (max-width: 768px) {
  .tour_tit {font-size:14px; margin-bottom:20px;}
}


/* 탄천종합운동장 */
.tour4_map2 {overflow:hidden; padding:10px; margin-bottom:45px; background:#e9edf3; border:1px solid #d6dfea;}
.tour4_map2 img {display:block; float:left;}
.tour4_map2 ol {overflow:hidden; padding-left:20px; padding-top:12px;}
.tour4_map2 ol li {padding:5px 0;}
.tour4_box {overflow:hidden;}
.tour4_box .tour4_innr {width:420px; margin-bottom:30px; float:left;}
.tour4_box .tour4_innr img {display:block;}
.tour4_box .tour4_innr h5 {padding:10px; margin-bottom:10px; background:#ececec; font-weight:bold; font-size:20px; letter-spacing:-1px; text-align:center;}
.tour4_box > ul {margin-left:10px;}

@media screen and (max-width: 768px) {
  .tour4_map2 img {width:100%; height:auto; float:none;}
  .tour4_map2 ol {padding-left:10px; padding-top:12px;}
  .tour4_map2 ol li {padding:2px 0;}
  .tour4_box .tour4_innr {width:100%; margin-bottom:30px; float:none;}
  .tour4_box .tour4_innr img {display:block; width:100%; height:auto;}
  .tour4_box .tour4_innr h5 {padding:10px; margin-bottom:10px; background:#ececec; font-weight:bold; font-size:20px; letter-spacing:-1px; text-align:center;}
  .tour4_box > ul {margin-left:10px;}
}

/* 분당 맛집소개 */
.rest_box {overflow:hidden;}
.rest_box .innr {width:420px; float:left; margin-bottom:12px;}
.rest_box .innr .head {background:#4556d4;}
.rest_box .innr .head img {display:block; width:420px; height:420px;}
.rest_box .innr .head h5 {padding:15px 0; text-align:center; color:#fff;}
.rest_box .innr .head h5 span {display:block;}
.rest_box .innr .head h5 span.cate {}
.rest_box .innr .head h5 span.cate i {display:inline-block; padding:3px 10px; margin-bottom:5px; border:1px solid #b1b9f2; border-radius:5px; font-size:12px; color:#b1b9f2;}
.rest_box .innr .head h5 span.tit {font-weight:bold; font-size:20px; }
.rest_box .innr .body {height:166px; padding:25px 25px 0 25px; border:1px solid #eee; text-align:center;}
.rest_box .innr .body .txt {margin-bottom:18px; }
.rest_box .innr .body .addr {color:#737373;}
.rest_box .innr:nth-child(2),
.rest_box .innr:nth-child(4),
.rest_box .innr:nth-child(6),
.rest_box .innr:nth-child(8) {margin-left:12px;}

@media screen and (max-width: 768px) {
  .rest_box .innr {width:100%; float:none;}
  .rest_box .innr .head img {width:100%; height:auto;}
  .rest_box .innr .body {height:auto; padding:18px;}


  .rest_box .innr:nth-child(2),
  .rest_box .innr:nth-child(4),
  .rest_box .innr:nth-child(6),
  .rest_box .innr:nth-child(8) {margin-left:0;}
}


/* 세금 */
.tax_sys .mTab3 {margin-bottom:0; padding:10px 0 4px 50px; background:#f0f0f0; border:1px solid #e5e5e5;}
.tax_sys .mTab3 ul {}
.tax_sys .mTab3 ul:after {display:block; content:""; clear:both;}
.tax_sys .mTab3 li {float:left; width:16.4%; margin-bottom:6px;}
.tax_sys .mTab3 li a {background:url(../images/common/bu_5.png) no-repeat left center; padding-left:8px;}
.tax_sys .mTab3 li.on {}
.tax_sys .mTab3 li.on a {color:#dd5835; font-weight:bold; text-decoration:underline;}
.tax_sys .tab-content {padding:20px; display:none;  border:1px solid #e5e5e5; border-top:0 none !important;}
.tax_sys .tab #tab-1 {display:block;}
.tax_sys .txt_dep2 {margin-left:22px;}


/* 정보화교육 */
.edu_manual {}
.edu_manual dl {width:700px; margin:0 auto; text-align:left;}
.edu_manual dl dt {width:700px;	padding:10px;	background:#494949;	color:#fff;	font-weight:bold;	font-size:14px;	letter-spacing:-1px;}
.edu_manual dl dd {padding-bottom:20px;}
.edu_manual dl dd img {width:100%; height:auto; border:1px solid #dfdfdf;}
.edu_manual dl dd p {padding:5px 10px; font-size:12px;}

.m_edu_manual {}
.m_edu_manual dl {width:100%;}
.m_edu_manual dl dt {width:100%; padding:10px;	background:#494949;	color:#fff;	font-weight:bold;	font-size:14px;	letter-spacing:-1px;}
.m_edu_manual dl dd {padding-bottom:20px;}
.m_edu_manual dl dd img {width:100%; height:auto; border:1px solid #dfdfdf;}

.manual_pc {display:inline-block;}
.manual_mobile {display:none;}

@media screen and (max-width: 768px) {
  .manual_pc {display:none;}
  .manual_mobile {display:inline-block;}
}

/* 정보화교육 > 개인정보취급동의 */
table.edu_priv {margin-bottom:15px; color:#393939; border-top:3px solid #5b5b5b;}
table.edu_priv thead  {}
table.edu_priv thead th {padding:10px; border-bottom:1px solid #dcdcdc; background:#fff}
table.edu_priv tbody th, table.edu_priv tbody td {padding:10px; border:1px solid #dcdcdc; background:#fff;}
table.edu_priv tbody th {text-align:center;}
table.edu_priv tbody td {text-align:center;}


/* 이용안내-이메일무단수집거부 */
.email_txt1 {margin-bottom:10px; text-align:center;}
.email_txt2 {text-align:center; font-size:16px;}

@media screen and (max-width: 768px) {
  .email_txt1 img {width:100%; height:auto;}
  .email_txt2 {font-size:12px;}
}


/* 이용안내-뷰어다운로드 */
.view_down {}
.view_down ul {overflow:hidden;}
.view_down li {float:left; width:21%; min-height:238px; margin-left:3%; padding:10px; margin-bottom:25px; border:1px solid #ededed; border-radius:8px; text-align:center;}
.view_down ul li img {display:inline-block; width:100%; height:auto; margin-bottom:15px;}
.view_down ul li h4 {margin-bottom:15px; font-weight:bold; font-size:16px;}
.view_down ul li .desc {margin-bottom:20px; color:#939393; letter-spacing:-1px;}

@media screen and (max-width: 1024px) {
  .view_down li {width:220px; min-height:238px; margin-left:2%; padding:12px; margin-bottom:12px; border-radius:0;}
}

@media screen and (max-width: 768px) {
  .view_down li {width:46%; min-height:238px; margin-left:12px; padding:12px; margin-bottom:12px; border-radius:0;}
}


/* 이용안내-사이트맵 */
.sitemap {width:853px; margin-bottom:42px;}
.sitemap .site_con {float:left; width:30%; margin-left:5%;}
.sitemap .site_con:first-child {margin-left:0;}
.sitemap .site_con h4 {padding:12px 10px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background:#0099b0 url(../images/common/bg_bar1.png) no-repeat right bottom; border-bottom:3px solid #dfdfdf;}
.sitemap .site_con .depth1 {}
.sitemap .site_con .depth1 > li {border-bottom:1px solid #eee;}
.sitemap .site_con .depth1 > li > a {display:block; padding:15px 13px; color:#474747; font-weight:bold;}
.sitemap .site_con .depth2 {padding:10px; border:1px solid #eee; background:#f8f8f8;}
.sitemap .site_con .depth2 > li {background:url(../images/common/bu_dep3.png) no-repeat 5px 12px;}
.sitemap .site_con .depth2 > li > a {display:block; color:#878787; padding:5px 0 5px 12px;}


/* 이용안내-배너광장 */
.bnnr_wrap2 {width:854px;}
.bnnr_wrap2 ul {overflow:hidden;}
.bnnr_wrap2 ul li {width:25%; padding:6px 0; float:left;}
.bnnr_wrap2 ul li {text-align:center;}
.bnnr_wrap2 ul li a {display:block; width:180px; height:50px; line-height:50px; border:1px solid #ebebeb;}
.bnnr_wrap2 ul li a:hover {border:1px solid #c6c6c6;}
.bnnr_wrap2 ul li a.sn {font-size:16px; font-weight:bold; color:#6b6b6b;}
.bnnr_wrap2 ul li a.sn img {margin-right:10px;}


/* 분야별소식 > 하천 수질/생태현황 */
.biology_wrap {border:1px solid #4a9c29;}
.biology_wrap ul {overflow:hidden;}
.biology_wrap ul li {width:20%; float:left; border-left:1px solid #5bb039; background:#4a9c29;}
.biology_wrap ul li:first-child {border-left:0 none;}
.biology_wrap ul li a {display:block; padding:17px 0; text-align:center; color:#fff; font-weight:bold;}

@media only screen and (max-width:768px){
  .biology_wrap {background:#4a9c29;}
  .biology_wrap ul li {width:50%; border:1px solid #4a9c29; background:#4a9c29;}
}

/* 레이어팝업1 : 웹접근성O */
.layer_wrap2 {width:780px; height:760px; overflow:hidden; background:#fff; border-radius:25px; display:none; position:fixed; left:50%; top:80px; margin-left:-400px; z-index:200;}
.layer_wrap2 .head {height:80px; position:relative; padding:35px 25px 25px 25px; border-bottom:1px solid #e4e4e4;}
.layer_wrap2 .head h1 {font-size:24px; text-align:center; font-weight:bold;}
.layer_wrap2 .body {height:680px; padding:15px; overflow-y:scroll; }
.layer_wrap2 .body img {}

.layer_wrap2 .head .layer_btn_close {position:absolute; right:0; top:4px; z-index:999;}
.layer_wrap2 .head .layer_btn_close button {width:21px; height:21px; position:absolute; right:30px; top:30px; text-indent:-9999px; border:0 none; background:url('/images/common/btn_close2_b.png') no-repeat left top;}
.layer_wrap2 .head .layer_btn_close button:hover {transform:rotate(360deg); transition:transform 500ms ease-in-out 0s;}

.modal_mask {position: fixed; width: 100%; height:100%; left:0; top:0; background:url(/images/common/bg_mask1.png) repeat left top; z-index:100;}

@media only screen and (max-width:768px){
  .layer_wrap2 {width:360px; height:580px; top:50%; margin-left:-180px !important; overflow-y:scroll;}
  .layer_wrap2 .head {height:auto; padding:20px 0;}
  .layer_wrap2 .head h1 {font-size:20px;}
  .layer_wrap2 .head .layer_btn_close {position:absolute; right:0; top:-10px; z-index:999;}
  .layer_wrap2 .body {height:500px; padding:15px; overflow-y:scroll; }

}

/* 검색결과 */
/*** 서브_콘테이너 ***/
#srch_container {margin-top:28px; margin-bottom:28px; border-radius:8px; position:relative; background:#fff;}
#srch_container:after {display:block; content:""; clear:both;}
#srch_container .srch_con {min-height:500px; padding:65px 140px;}
.srch_head {}
.srch_head h3 {margin-bottom:48px; font-size:36px; color:#dc5c3e; text-align:center;}
.srch_body h3 span {}
.srch_body .section {margin-bottom:35px; position:relative;}
.srch_body .section h4 {padding:12px; font-size:22px; color:#4270be; border-bottom:3px solid #4e4e4e;}
.srch_body .section h4.bd {padding:12px; font-size:22px; color:#4270be; border-bottom:1px solid #4e4e4e !important;}
.srch_body .section .result {}
.srch_body .section .result > ul {}
.srch_body .section .result > ul > li {padding:25px 12px; border-bottom:1px solid #f1f1f1;}
.srch_body .section .result > ul > li:hover {background:#f9f9f9;}
.srch_body .section .result > ul > li h5.sh_tit1 {margin-bottom:10px; font-size:16px;}
.srch_body .section .result > ul > li h5.sh_tit1 span {padding-left:15px; color:#9c9c9c; font-size:14px;}
.srch_body .section .result > ul > li .txt {margin-bottom:6px; font-size:14px; color:#676767;}
.srch_body .section .result > ul > li .path {font-size:14px; color:#d36969;}
.srch_body .section .btn_more {position:absolute; right:0; top:20px; color:#8c8c8c;}
.srch_body .section .result.dir li {padding:14px 12px !important; font-size:16px;}
.info_organ {border:1px solid #ebebeb; padding:15px; margin-bottom:20px;}
.info_organ span {font-weight:bold; color:#f86e49; padding-right:15px;}
.info_organ ul {overflow:hidden; margin-top:5px;}
.info_organ ul li {float:left; margin-right:15px; margin-bottom:6px;}
.btn_organ {margin-left:8px; padding:7px 12px; background:#336ecf; border-radius:5px; color:#fff; font-size:14px; letter-spacing:-1px;}
.btn_organ:hover {color:#fff;}

@media only screen and (max-width:768px){
  #srch_container {margin-top:15px; margin-bottom:15px; }
  #srch_container .srch_con {min-height:500px; padding:15px;}
  .srch_head h3 {margin-bottom:20px; font-size:20px; letter-spacing:-1px;}
  .srch_body {font-size:12px;}
  .srch_body .section h4 {padding:10px; font-size:16px;}
  .srch_body .section h4.bd {padding:10px; font-size:16px;}
  .srch_body .section .result > ul > li {padding:15px 10px;}
  .srch_body .section .result > ul > li h5.sh_tit1 {font-size:12px;}
  .srch_body .section .result > ul > li h5.sh_tit1 span {font-size:12px;}
  .srch_body .section .result > ul > li .txt {font-size:12px;}
  .srch_body .section .result > ul > li .path {font-size:12px;}
  .srch_body .section .result.dir li {padding:10px 12px !important; font-size:14px;}
  .srch_body .section .btn_more {top:14px;}
  .info_organ ul li {margin-bottom:0px;}
}