.fboard_con {}
.map {width:853px; height:380px; margin:0; padding:0; border:0 none;}

@media screen and (max-width: 1000px) {
  .map {width:100%; height:380px;}
}


/* 인사말 */
.ceo_wrap {margin-bottom:30px;}
.ceo_wrap .ceo_tit {height:382px; padding:65px 0 0 430px; position:relative; background:url('/images/content/intro_bg_ceo2.jpg') no-repeat left top;}
.ceo_wrap .ceo_tit p.tit1 {width:419px; height:126px; margin:65px 0 8px 0; text-indent:-9999px; background:url('/images/content/intro_ceo1_sign.jpg') no-repeat left top;}
.ceo_wrap .ceo_desc p.sign {padding-top:35px; text-align:right;}
.ceo_wrap .ceo_desc {padding:20px 80px 65px; font-size:20px; color:#2b2b2b; line-height:160%; letter-spacing:1.5px;}

@media screen and (min-width: 680px) and (max-width: 900px) {
  .ceo_wrap .ceo_tit {width:100%; height:260px; padding:5px 0 0 320px; background-size:auto 260px; border-bottom:5px solid #0194c0;}
  .ceo_wrap .ceo_tit p.tit1 {width:100%; height:96px; margin:82px 0 0 0; text-indent:-9999px; background-size:auto 85px;}
  .ceo_wrap .ceo_desc {padding:30px 30px;}
}

@media screen and (min-width: 600px) and (max-width: 679px) {
  .ceo_wrap .ceo_tit {width:100%; height:260px; padding:5px 0 0 285px;  background-size:auto 260px; border-bottom:5px solid #0194c0;}
  .ceo_wrap .ceo_tit p.tit1 {width:100%; height:80px; margin:90px 0 0 0; text-indent:-9999px; background-size:auto 73px;}
  .ceo_wrap .ceo_tit p.tit2 {font-size:20px; letter-spacing:-1px; line-height:130%;}
  .ceo_wrap .ceo_desc {padding:30px 20px;}
}

@media screen and (max-width: 599px) {
  .ceo_wrap {margin-bottom:0;}
  .ceo_wrap .ceo_tit {height:240px; padding:0; padding-top:240px; margin-bottom:62px; background-size:auto 250px; border-bottom:5px solid #0194c0; background:url('/images/content/intro_bg_ceo2_mobile.jpg') no-repeat center top; background-size:200px auto;}
  .ceo_wrap .ceo_tit p.tit1 {width:100%; height:80px; margin:30px 0 0 0; text-indent:-9999px; background-size:auto 73px;}
  .ceo_wrap .ceo_desc {padding:60px 0 0 0; font-size:16px; line-height:150%; letter-spacing:-1px;}
}


/* 지명유래 */
.area_history {font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif;}


/* 관내도/행정동/법정동 */
.sj_map {padding:20px; border:1px solid #d2d3d1; text-align:center;}
.sj_map_txt {background:#4e628a; color:#fff; text-align:center; border-bottom:1px solid #314469; transition:all 0.4s;}
.sj_map_txt a {display:block; padding:12px 0;}
.sj_map_txt:hover {background:#314469;}


/* 역대구청장소개 */
.ceo_history li {width:210px; height:257px; float:left; margin:0 0 30px 18px; text-align:center;}
.ceo_history li .his_con {width:201px; height:200px; padding:30px 0; text-align:center; border:1px solid #eeeeee; border-top:3px solid #4b67a7;}
.ceo_history li .his_con img {padding-bottom:15px;}
.ceo_history li .his_con .txt {text-align:center; color:#787878;}
.ceo_history li .his_con .txt span {display:block; margin-bottom:23px; text-align:center; color:#000; font-weight:bold; position:relative;}
.ceo_history li .his_con .txt span:after {display:block; content:""; position:absolute; left:50%; bottom:-10px; width:28px; height:1px; margin-left:-14px; background:#ffb172;}

@media screen and (max-width: 1000px) {
  .ceo_history li {width:48%; height:auto; margin:0 0 2% 2%;}
  .ceo_history li .his_con {width:100%; height:auto; padding:10px 0; text-align:center; border:1px solid #eeeeee; border-top:3px solid #4b67a7;}
  .ceo_history li .his_con .txt {letter-spacing:-1px;}
}


/* 수정구소개 상단 인트로(공통) */
.intro_top {min-height:142px; padding:20px 0 0 30px; margin-bottom:30px;}
.intro_top h4 {position:relative; margin-bottom:12px; padding-top:15px;font-size:28px;}
.intro_top h4:before {display:block; content:""; width:35px; height:4px; background:url(/images/common/bu_tit1.png) no-repeat 0 0; position:absolute; top:0; left:0;}
.intro_top p.txt1 {font-size:18px; color:#828282; font-weight:normal;}

@media screen and (max-width: 1000px) {
  .intro_top {min-height:auto; padding:0; margin-bottom:15px;}
  .intro_top h4 {margin-bottom:5px; padding-top:12px; font-size:20px; line-height:130%; letter-spacing:-1px;}
  .intro_top p.txt1 {font-size:14px;}
}


/* 세입세출현황 */
.intro_top#bg_budget {background:url(/images/content/intro_top_bg1.jpg) no-repeat right bottom;}
.intro_budget ol {overflow:hidden;}
.intro_budget li {float:left; width:222px; height:276px; border:1px solid #e1e1e1; margin-left:10px;}
.intro_budget li:hover {border:1px solid #b1b1b1;}
.intro_budget li:first-child, .intro_budget li:nth-child(5), .intro_budget li:nth-child(9), .intro_budget li:nth-child(13) {margin-left:0;}
.intro_budget ol li a {display:block; width:100%; height:276px;}
.intro_budget ol li p {padding-top:50px; margin-bottom:75px; font-size:24px; text-align:center; position:relative;}
.intro_budget ol li p:after {display:block; content:""; width:50px; height:1px; background:#d7d7d7; position:absolute; left:50%; bottom:-26px; margin-left:-25px;}
.intro_budget ol li .down {display:block; width:84px; height:84px; margin:0 auto; background:url(/images/content/icon_down1.png) no-repeat 0 0; text-indent:-9999px;}
.intro_budget ol li .down:hover {background:url(/images/content/icon_down1.png) no-repeat 0 -84px;}

@media screen and (max-width: 1000px) {
  .intro_top#bg_budget {background:none; border-bottom:1px solid #e7e7e7;}
  .intro_budget li {width:160px; height:200px; margin:0 5px 5px 0;}
  .intro_budget li:first-child, .intro_budget li:nth-child(5) {margin-left:0;}
  .intro_budget ol li a {height:auto;}
  .intro_budget ol li p {padding-top:25px; margin-bottom:50px; font-size:18px; font-weight:bold; letter-spacing:-1px;}
  .intro_budget ol li p:after {bottom:-18px;}
  .intro_budget ol li .down {width:70px; height:70px; background-size:cover;}
  .intro_budget ol li .down:hover {background:url(/images/content/icon_down1.png) no-repeat 0 -70px; width:70px; height:70px; background-size:cover;}
}


/* 주요업무/달리지는제도 */
.intro_top#bg_plan {background:url(/images/content/intro_top_bg2.jpg) no-repeat right bottom;}
.intro_top#bg_jedo {background:url(/images/content/intro_top_bg3.jpg) no-repeat right bottom;}
.intro_plan {height:130px; border:1px solid #e1e1e1; position:relative;}
.intro_plan:hover {border:1px solid #b1b1b1;}
.intro_plan p {line-height:130px; padding-left:50px; font-size:24px; text-align:left;}
.intro_plan .down {display:block; width:84px; height:84px; margin:0 auto; background:url(/images/content/icon_down1.png) no-repeat 0 0; text-indent:-9999px; position:absolute; right:50px; top:25px;}
.intro_plan .down:hover {background:url(/images/content/icon_down1.png) no-repeat 0 -84px;}

@media screen and (max-width: 1000px) {
  .intro_top#bg_plan {background:none; border-bottom:1px solid #e7e7e7;}
  .intro_top#bg_jedo {background:none; border-bottom:1px solid #e7e7e7;}
  .intro_top ul {padding-bottom:15px !important;}
  .intro_plan {height:auto; padding:20px 15px; border:1px solid #e1e1e1; position:relative;}
  .intro_plan:hover {border:1px solid #b1b1b1;}
  .intro_plan p {line-height:130%; padding-left:0px; font-size:18px; letter-spacing:-1px;}
  .intro_plan .down {width:42px; height:42px; margin:0; background:url(/images/content/icon_down1.png) no-repeat 0 0; background-size:cover; right:15px; top:12px;}
  .intro_plan .down:hover {background:url(/images/content/icon_down1.png) no-repeat 0 0; background-size:cover;}

}


/* 수정구연혁 */
.intro_top#bg_history {padding-bottom:45px; background:url(/images/content/intro_top_bg4.jpg) no-repeat right bottom;}
.intro_history {padding-left:35px;}
.intro_history li {font-size:20px;}
.intro_history li dl {}
.intro_history li dl:after {display:block; content:""; clear:both;}
.intro_history li dt:before {display:block; content:""; position:absolute; width:17px; height:12px; background:url(/images/content/intro_his_bg1.png) no-repeat 0 0; top:-30px; left:50%; margin-left:-8px}
.intro_history li:first-child dt:before {display:none;}
.intro_history li dt {float:left; width:150px; margin-right:30px; margin-bottom:50px; position:relative;}
.intro_history li dt span {display:block; width:150px; height:50px; line-height:50px; background:#00c7b7; text-align:center; color:#fff; border-radius:50px;}
.intro_history li dd {height:50px; line-height:50px; float:left; margin-bottom:50px; color:#505050;}
.intro_history li dd span.date {display:inline-block; padding-right:20px; color:#2b2b2b;}

@media screen and (max-width: 1000px) {
  .intro_top#bg_history {padding-bottom:0; background:none; border-bottom:1px solid #e7e7e7;}
  .intro_history {padding-left:0;}
  .intro_history li {font-size:14px; line-height:130%;}
  .intro_history li dt:before {display:none;}
  .intro_history li:first-child dt:before {display:none;}
  .intro_history li dt {float:none; width:130px; margin:0 auto 10px; font-size:18px; font-weight:bold; letter-spacing:-1px;}
  .intro_history li dt span {display:block; width:130px; height:40px; line-height:40px;}
  .intro_history li dd {height:auto; line-height:130%; float:none; margin-bottom:40px; text-align:center;}
  .intro_history li dd span.date {display:block; padding-right:0; text-align:center; font-weight:bold;}
}


/* 재정현황 */
.finance_tit1 {padding:20px 0; margin-top:50px; border:1px solid #e1e1e1; text-align:center; font-size:24px; text-align:center; color:#e74c3c; background:url(/images/common/bg_tit1.png) repeat;}

@media screen and (max-width: 1000px) {
  .finance_tit1 {padding:15px 0; margin-top:25px; font-size:20px; letter-spacing:-1px; font-weight:bold;}
}


/* 구정방향 */
.intro_top#bg_target {padding-bottom:5px; background:url(/images/content/intro_top_bg5.jpg) no-repeat right bottom;}
.intro_target {padding-left:35px;}
.intro_target ul.target_innr {}
.intro_target ul.target_innr > li {margin-bottom:32px; overflow:hidden;}
.intro_target ul.target_innr > li .t_head {width:135px; height:145px; margin-right:40px; float:left; background:url(/images/content/intro_target1.png) no-repeat; color:#fff; font-size:34px;}
.intro_target ul.target_innr > li .t_head span {display:block; padding:20px;}
.intro_target ul.target_innr > li .t_head {}
.intro_target ul.target_innr > li .t_body {float:left; padding:20px 0;}
.intro_target ul.target_innr > li .t_body p.tit1 {margin-bottom:20px; font-size:24px; color:#2573d4;}
.intro_target ul.target_innr > li .t_body ul {}
.intro_target ul.target_innr > li .t_body li {background:url(/images/content/intro_target2.png) no-repeat left center; padding-left:15px; font-size:20px; color:#575757; line-height:150%;}

@media screen and (max-width: 1000px) {
  .intro_top#bg_target {background:none; border-bottom:1px solid #e7e7e7;}
  .intro_target {padding-left:0;}
  .intro_target ul.target_innr > li {margin-bottom:15px;}
  .intro_target ul.target_innr > li .t_head {width:100%; height:40px; line-height:40px; margin-right:0; float:none; background:#1cd2c3 url(/images/content/intro_target1.png) no-repeat right bottom; color:#fff; font-size:20px;}
  .intro_target ul.target_innr > li .t_head span {display:block; padding:0 20px;}
  .intro_target ul.target_innr > li .t_body {float:none; padding:20px 0;}
  .intro_target ul.target_innr > li .t_body p.tit1 {margin-bottom:15px; padding-left:12px; font-size:18px; line-height:130%; font-weight:bold;}
  .intro_target ul.target_innr > li .t_body li {margin-bottom:5px; background:url(/images/content/intro_target2.png) no-repeat left 8px; padding-left:12px; font-size:14px; line-height:130%;}
}


/* 조직도 */
.organization {width:927px; height:950px;}
.organ {margin-left:10px; position:relative; background:url(/images/content/intro_organ1.png) no-repeat 77px 61px;}
.organ .depth1 {}
.organ .depth1 a {display:block;}
.organ .depth1 > li.ceo {}
.organ .depth1 > li.ceo > a {margin:50px 0 100px 293px; width:300px; height:60px; position:relative; line-height:60px; border-radius:10px; border:2px solid #3f72c7; overflow:hidden; background:#fff; text-align:center; font-size:22px; font-weight:bold;}
.organ .depth2 > li {float:left; width:170px; min-height:300px; margin-right:10px; margin-bottom:12px;}
.organ .depth2 > li p > a {height:40px; line-height:40px; margin-bottom:10px; font-size:16px; font-weight:bold;text-align:center; display:block; background:#3f72c7; border-radius:5px; color:#fff;}
.organ .depth3 > li {border-bottom:1px solid #eee;}
.organ .depth3 > li > a {padding:8px 18px 8px 24px; background:url(/images/common/bu_4.png) no-repeat 16px center; font-size:13px; color:#8d8d8d;}
.organ .depth3 > li > a:hover {background:#f6f6f6 url(/images/common/bu_4.png) no-repeat 16px center;}

@media screen and (max-width: 1000px) {
  .organization {width:100%; height:auto;}
  .organ {margin-left:0; background:none;}
  .organ .depth1 > li.ceo > a {margin:0; width:100%; height:auto; margin:0 auto 15px; padding:15px 25px; line-height:130%; border-radius:10px; border:1px solid #3f72c7; background:#fff; font-size:18px;}
  .organ .depth2 > li {float:left; width:49%; min-height:320px; margin-right:1%; margin-bottom:8px;}
}


/* 찾아오시는길 */
.map_notice {background:#4e628a; color:#fff; text-align:center; border-bottom:1px solid #314469; transition:all 0.4s;}
.map_notice a {display:block; padding:12px 0;}
.map_notice:hover {background:#314469;}
.map {width:100%; height:463px;}
.root_daum_roughmap .wrap_map {height:433px !important;} /* 다음지도 내부 크기 */
.root_daum_roughmap .wrap_controllers {display:block !important;}


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


/* 청사안내 */
.gov_con {width:927px; position:relative;}
.gov_con:after {display:block; content:""; clear:both;}
.gov_con .gov_ctrl {float:left; width:140px;}
.gov_con .gov_ctrl ol li {}
.gov_con .gov_ctrl ol li a {display:block; width:100px; height:70px; line-height:70px; margin-bottom:5px; background:#8d94a7; font-size:22px; font-weight:bold; color:#fff; text-align:center;}
.gov_con .gov_ctrl ol li a:hover, .gov_con .gov_ctrl ol li a.on {background:#4b536a ; 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:17px; height:70px; background:url(/images/content/intro_gov_bg1.png) no-repeat; position:absolute; top:0; right:-17px;}

.gov_con .gov_gallery {float:left; width:787px; overflow:hidden;}
.gov_con .gov_gallery.space1 {height:370px;}
.gov_con .gov_gallery.space2 {height:295px;}
.gov_con .gov_gallery .bxslider6 > li {width:100%; height:370px;}
.gov_con .gov_gallery .bxslider7 > li {width:100%; height:295px;}
.gov_con .gov_gallery .thumb {width:600px; float:left; text-align:left;}
.gov_con .gov_gallery .desc {width:157px;  float:left; margin-left:30px; letter-spacing:-1px;}
.gov_con .gov_gallery .desc p {border:1px solid #d7dce3; padding:12px 0; text-align:center; font-size:16px;}
.gov_con .gov_gallery .desc ol {color:#8b8b8b; line-height:160%;}
.gov_con .gov_gallery .desc ol li {padding:7px 0 7px 20px; border-bottom:1px solid #f5f5f5;}

.gov_con .gov_info {position:absolute; bottom:15px; left:155px; z-index:10;}
.gov_con .gov_info ul {overflow:hidden;}
.gov_con .gov_info ul li {float:left; height:24px; line-height:24px; padding-right:20px;}

@media screen and (max-width: 1000px) {
  .gov_con {width:100%;}
  .gov_con .gov_ctrl {float:none; width:100%;}
  .gov_con .gov_ctrl ol {overflow:hidden;}
  .gov_con .gov_ctrl ol li {float:left;}
  .gov_con .gov_ctrl.menu4 ol li {width:25%;}
  .gov_con .gov_ctrl.menu5 ol li {width:20%;}
  .gov_con .gov_ctrl ol li a {width:100%; height:40px; line-height:40px; margin-bottom:5px; margin-right:1px; font-size:18px; border-left:1px solid #747c90;}
  .gov_con .gov_ctrl ol li a:hover:after, .gov_con .gov_ctrl ol li a.on:after {display:none;}

  .gov_con .gov_gallery {float:none; width:100%;}
  .gov_con .gov_gallery .bxslider6 > li {height:auto;}
  .gov_con .gov_gallery .bxslider7 > li {height:auto;}
  .gov_con .gov_gallery .thumb {width:100%; float:none;}
  .gov_con .gov_gallery .desc {width:100%;  float:none; margin-left:0;}
  .gov_con .gov_gallery .desc p {padding:10px 0; margin-bottom:8px; font-size:16px; font-weight:bold;}
  .gov_con .gov_gallery .desc ol {overflow:hidden; line-height:130%;}
  .gov_con .gov_gallery .desc ol li {width:50%; float:left; padding:2px 0 2px 20px; border-bottom:0;}

  .gov_con .gov_info {display:none;}
}


/* 관련사이트안내 */
.bnnr_wrap {}
.bnnr_wrap ul {overflow:hidden;}
.bnnr_wrap li {float:left; width:23%; height:270px; margin-left:3%; padding:3%; margin-bottom:25px; border:1px solid #e4e4e4; text-align:center; position:relative; transition:border 0.5s;}
.bnnr_wrap li:hover {border:1px solid #bebebe !important;}
.bnnr_wrap ul li img {display:inline-block; margin-bottom:15px; border:1px solid #e4e4e4;}
.bnnr_wrap ul li h4 {margin-bottom:15px; font-weight:bold; font-size:16px;}
.bnnr_wrap ul li .desc {margin-bottom:20px; color:#939393;}
.bnnr_wrap ul li .link_gobtn {position:absolute; bottom:24px; left:62px; display:inline-block; padding:5px 20px; border-radius:20px; background:#4a6eb7; color:#fff; text-align:center; transition:all 0.4s;}
.bnnr_wrap ul li .link_gobtn:hover {background:#2c4f96;}
.bnnr_wrap.sm li {float:left; width:23%; height:200px !important; margin-left:3%; padding:3%; margin-bottom:25px; border:1px solid #e4e4e4; text-align:center; position:relative;}

@media screen and (max-width: 1000px) {
  .bnnr_wrap li {width:49%; height:320px; margin-left:1%; padding:3%; margin-bottom:5px;}
  .bnnr_wrap.sm li {width:49%; height:200px !important; margin-left:1%; padding:3%; margin-bottom:5px;}
  .bnnr_wrap ul li .link_gobtn {position:relative; bottom:auto; left:auto; display:block; padding:5px 0px; border-radius:0; font-size:12px;}
  .bnnr_wrap ul li h4 {font-size:14px; letter-spacing:-1px;}
}


/* 이용안내-이메일무단수집거부 */
.email_wrap { }
.email_wrap .email_head h4 {padding:30px 0 15px; font-size:22px; color:#e76161;}
.email_wrap .email_head p {line-height:150%;}
.email_wrap .email_head p span {display:block; margin-top:20px; color:#a6a6a6;}
.email_wrap .email_head {height:200px; padding-left:240px; padding-right:40px; background:url(/images/content/email_img1.jpg) no-repeat left top; border:1px solid #ebebeb;}

@media screen and (max-width: 1000px) {
  .email_wrap {padding:10px 0; line-height:130%;}
  .email_wrap .email_head h4 {padding:10px 0 15px 0; font-size:18px; font-weight:bold;}
  .email_wrap .email_head p {line-height:130%;}
  .email_wrap .email_head {height:auto; padding:10px; background:none;}
}


/* 이용안내-사이트맵 */
.sitemap {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; color:#e45b11; border:1px solid #ffd6b6; border-radius:5px;}
.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-size:16px; font-weight:bold; background:url(/images/common/bu_arrow2.png) no-repeat 90% center;}
.sitemap .site_con .depth1 > li > a:hover {background:#fff8f3 url(/images/common/bu_arrow2.png) no-repeat 90% center;}
.sitemap .site_con .depth2 {padding:0 10px 10px;}
.sitemap .site_con .depth2 > li {background:url(/images/common/bu_4.png) no-repeat 5px 12px;}
.sitemap .site_con .depth2 > li > a {display:block; color:#878787; padding:5px 0 5px 12px; font-size:14px;}
.sitemap .site_con .depth2 > li > a:hover {color:#000;}


/* 이용안내-뷰어다운로드 */
.view_down {}
.view_down ul {}
.view_down li {float:left; width:43%; margin-left:2%; padding:2%; margin-bottom:18px; border:1px solid #ededed; text-align:left; transition:border 0.5s;}
.view_down ul li img {float:left; margin-right:25px;}
.view_down ul li:hover {border:1px solid #c8c8c8;}
.view_down ul li h4 {padding:22px 0 10px; font-weight:bold; font-size:16px; text-align:left;}
.view_down ul li .desc {margin-bottom:20px; color:#939393;}
.view_down ul li .btn_link {}
.view_down ul li .btn_link:hover {}

@media screen and (max-width: 1000px) {
  .view_down ul li h4 {padding:10px 0 10px; font-size:14px; letter-spacing:-1px; text-align:center;}
  .view_down ul li img {float:none; margin-right:0; display:inline-block;}
  .view_down li {margin-bottom:5px; text-align:center;}
}


/* 이용안내-배너광장 */
.bnnr_wrap2 {width:950px;}
.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; transition:border 0.5s;}
.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;}


/* 이용안내-로그인(2개 버튼) */
/* .login_box {width:650px; margin:0 auto; padding-top:20px;}
.login_box ul {overflow:hidden;}
.login_box ul li {float:left; width:314px; margin-left:18px; border:1px solid #e1e1e1;  border-radius:10px; overflow:hidden; background:#fff;}
.login_box ul li:first-child {margin-left:0;}
.login_box ul li a {display:block; height:105px; line-height:105px; font-size:20px;}
.login_box ul li a span {display:block;}
.login_box ul li input {border:0 none; background:#fff url(../fboard/images/icon_check1.png) no-repeat 27px center; display:block; width:289px; height:105px; padding-left:75px; line-height:105px; font-size:20px; cursor:pointer;}
.login_box ul li:hover {color:#000 !important; border:1px solid #f15c29;}
.login_box ul li.icon2 a {background:url(../fboard/images/icon_check2.png) no-repeat 45px center;}
.login_box ul li.icon2 span {padding-left:102px;}
.login_box ul li.icon1 {}

@media screen and (max-width: 1000px) {
  .login_box {width:100%; margin:0; padding-top:10px;}
  .login_box ul li {float:none; width:100%; margin-left:0; margin-bottom:10px;}
  .login_box ul li a {height:75px; line-height:75px; font-size:16px;}
  .login_box ul li input {width:100%; height:75px; line-height:75px; padding-left:103px; font-size:16px; text-align:left;}
  .login_box ul li.icon2 a {background:url(../fboard/images/icon_check2.png) no-repeat 40px center;}
  .login_box ul li.icon2 span {padding-left:103px;}
} */

  /* 이용안내-로그인(3개 버튼) */
  /* .login_box {width:900px; margin:0 auto; padding-top:20px}
  .login_box ul {overflow:hidden;}
  .login_box ul li {float:left; margin-left:18px; border:1px solid #e1e1e1;  border-radius:10px; overflow:hidden; background:#fff;}
  .login_box ul li:first-child {margin-left:0;}
  .login_box ul li.icon1 {}
  .login_box ul li.icon2 {}
  .login_box ul li.icon3 {}
  .login_box ul li a {display:block; height:105px; padding:0 35px 0 0; font-size:20px;}
  .login_box ul li a span {display:block;}
  .login_box ul li.icon3 a span.tit {padding-top:41px;}
  .login_box ul li.icon2 a span.tit {padding-top:28px;}
  .login_box ul li a span.txt {font-size:12px; color:#ea4b4b;}
  .login_box ul li input {border:0 none; background:#fff url(../fboard/images/icon_check1.png) no-repeat 27px center; display:block; width:289px; height:105px; padding-left:75px; line-height:105px; font-size:20px; cursor:pointer;}
  .login_box ul li:hover {color:#000 !important; border:1px solid #f15c29;}
  .login_box ul li.icon2 a {background:url(../fboard/images/icon_check2.png) no-repeat 44px center;}
  .login_box ul li.icon2 span {padding-left:100px;}
  .login_box ul li.icon3 a {background:url(../fboard/images/icon_check2.png) no-repeat 44px center;}
  .login_box ul li.icon3 span {padding-left:100px;} */


/* 검색결과 */
/*** 서브_콘테이너 ***/
#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;}
.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;}
.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;}


@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;}
}


/* 분야별정보 - 교통 - CCTV단속 */
table .camera {}
table .camera dl{position:relative;}
table .camera dd{display:inline;visibility:hidden;top:-85px;right:45px;background:url(/images/traffichouse/tra03_img01.gif) 0 0 no-repeat;position:absolute;width:307px;height:220px;padding:10px 20px 10px 10px;text-align:left;z-index:900;}
table .camera dd img{margin:3px 0;display:block;}
table .camera dd .close_btn{position:absolute;bottom:3px;right:20px;}


/* 분야별정보 - 관광안내 */
.tour_gallery {padding:15px; margin-bottom:25px; border:1px solid #e0e0e0; position:relative;}
.tour_gallery .tour_ctrl {text-align:center; position:absolute; bottom:20px; left:415px; z-index:100;}
.tour_desc {font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif; position:relative;}
.tour_desc ul.tour_desc_sub {margin-top:20px; border-top:1px solid #e0e0e0;}
.tour_desc ul.tour_desc_sub > li {padding:20px 0; border-bottom:1px dashed #e0e0e0;}
.tour_desc ul.tour_desc_sub > li > h5 {margin-bottom:5px; font-weight:bold; font-size:16px;}
.tour_desc ul.tour_desc_sub > li > p {color:#767676;}
.map_wrap {padding:15px 15px 0 15px; border:1px solid #e0e0e0;}
.map_wrap .map_traffic {margin:15px 0; min-width:927px;}
.map_wrap .map_traffic dl:after {display:block; content:""; clear:both;}
.map_wrap .map_traffic dt {width:76px; min-height:20px; margin-bottom:5px; float:left; background:#ef6d0e; clear:both;}
.map_wrap .map_traffic dt span {display:block; padding:5px 0; text-align:center; color:#fff;}
.map_wrap .map_traffic dd {float:left; padding-left:20px; padding-top:5px; margin-bottom:5px; font-weight:bold;}
.map_wrap .map {width:100%; height:390px;}
.section_busstop,
.section_busline {display:none !important;} 

.tour_gallery1 {}
.tour_gallery1 * {box-sizing: border-box;}
.tour_gallery1 .tab_menu {margin-bottom:5px;}
.tour_gallery1 .tab_menu ul.tab_list {border:1px solid #e9e9e9; display:block !important;}
.tour_gallery1 .tab_menu ul.tab_list:after {display:block; content:""; clear:both;}
.tour_gallery1 .tab_menu ul.tab_list li {float:left; width:25%; border-left:1px solid #e9e9e9;}
.tour_gallery1 .tab_menu ul.tab_list li:first-child {border-left:0 none;}
.tour_gallery1 .tab_menu ul.tab_list li a {padding:15px 0; display:block; text-align:center;}
.tour_gallery1 .tab_menu ul.tab_list li.on a {background:#0093c2; color:#fff;}
.tour_gallery1 .tour_desc {}
.tour_gallery1 .tab-content {}
.tour_gallery1 #tab-1 {display:block;}
.tour_gallery1 #tab-2,
.tour_gallery1 #tab-3,
.tour_gallery1 #tab-4 {display:none}

@media only screen and (max-width:768px){
  .tour_gallery {padding:10px; margin-bottom:15px;}
  .map_wrap {padding:10px;}
  .tour_gallery .tour_ctrl {position:absolute; bottom:20px; left:50%; z-index:100; width:110px; margin-left:-55px;}
  .map_wrap .map {width:100%; height:250px;}

  .tour_gallery1 .tab_menu ul.tab_list li a span {display:block;}

  .map_wrap .map_traffic {margin:0; min-width:100%;}
  .map_wrap .map_traffic dl:after {display:block; content:""; clear:both;}
  .map_wrap .map_traffic dt {width:76px; min-height:20px; margin-bottom:5px; float:left; background:#ef6d0e; clear:both;}
  .map_wrap .map_traffic dt span {display:block; padding:5px 0; text-align:center; color:#fff;}
  .map_wrap .map_traffic dd {float:left; padding-left:20px; padding-top:5px; margin-bottom:5px; font-weight:bold;}
}



/* 분야별정보 - 민방위 */
.min_map_txt {padding:15px 0; text-align:center; border:1px solid #d2d3d1; border-top:0 none !important;}


/* 하시락 */
.rock_wrap {position:relative; font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim !important;}
.rock_wrap a.guide_btn {position:absolute; bottom:65px; left:50%; z-index:10; margin-left:-267px; display:inline-block;}
.rock_wrap img {width:100%; height:auto;}

.rock_wrap2 {margin-bottom:50px; position:relative; font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim !important;}
.rock_wrap2 a.guide_btn {position:absolute; bottom:-10px; left:50%; z-index:10; margin-left:-339px; display:inline-block;}
.rock_wrap2 img {width:100%; height:auto;}

.rock_wrap3 {font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim !important;}
.rock_wrap3 .rock_map {padding-bottom:40px; background:#ebf4f3;}
.rock_wrap3 .rock_con {padding:40px; background:#ebf4f3; border-top:1px dashed #c7dad8;}
.rock_wrap3 .rock_con .tab {margin-bottom:20px; text-align:center;}
.rock_wrap3 .rock_con .tab ul {display:block;}
.rock_wrap3 .rock_con .tab ul:after {display:block; clear:both; content:'';}
.rock_wrap3 .rock_con .tab li {width:33.3%; float:left; margin-bottom:10px; box-sizing:border-box;}
.rock_wrap3 .rock_con .tab li a {margin-left:10px; display:block; padding:15px 0px 15px 0px; border-radius:33px; font-weight:bold; text-align:center; letter-spacing:-1px; color:#3a3a3a; background:#fff url(../../images/common/icon_arrow4.png) no-repeat 88% center; border:1px solid #e3e3e3; overflow:hidden; transition:all 0.4s;}
.rock_wrap3 .rock_con .tab li.on a {background:#ec6834; color:#fff; border:1px solid #ec6834;}
.rock_wrap3 .rock_con .tab li:nth-child(1) a,
.rock_wrap3 .rock_con .tab li:nth-child(5) a {margin-left:0;}

.rock_wrap3 .tabcon {padding:30px 40px; border-radius:25px; background:#fff; border:1px solid #e3e3e3;}
.rock_wrap3 .rock_con .tab_box .head {padding-bottom:20px;  font-size:22px; border-bottom:1px solid #e3e3e3; font-weight:bold; letter-spacing:-1px; text-align:center;}
.rock_wrap3 .rock_con .tab_box .body {}
.rock_wrap3 .rock_con .tab_box .body h5 {position:relative; padding:15px 0; border-bottom:4px solid #2a2a2a; font-size:16px;}
.rock_wrap3 .rock_con .tab_box .body h5:before {display:inline-block; content:""; width:5px; height:15px; position:relative; top:2px; margin-right:6px; background:#e34444;}
.rock_wrap3 .rock_con .tab_box .body h5 span {display:inline-block; margin-right:6px; font-weight:bold;}
.rock_wrap3 .rock_con .tab_box .body img {display:block; margin-bottom:25px;}

.rockmap_box {width:100%; height:350px !important; margin-bottom:25px;}
.rock_map_innr {width:100%; height:350px !important;}
.root_daum_roughmap .wrap_map {height:350px !important;} /* 다음지도 내부 크기 */
.root_daum_roughmap .wrap_controllers {display:block !important;}


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


.rock_wrap3 .rock_con .tab-content {display:none;}
.rock_wrap3 .rock_con #tab-1 {display:block;}

@media only screen and (max-width:1000px){
  .rock_wrap a.guide_btn {bottom:65px; margin-left:-150px; bottom:20px;}
  .rock_wrap a.guide_btn img {width:300px; height:auto;}
  .rock_wrap2 a.guide_btn {bottom:-10px; margin-left:-150px; bottom:20px;}
  .rock_wrap2 a.guide_btn img {width:300px; height:auto;}

  .rock_wrap3 .rock_map {padding-bottom:20px;}
  .rock_wrap3 .rock_con {padding:5px;}
  .rock_wrap3 .rock_con .tab_menu {margin-bottom:5px;}
  .rock_wrap3 .rock_con .tab_menu li {width:50%; margin-bottom:0;}
  .rock_wrap3 .rock_con .tab_menu li a {margin-left:0; padding:8px 0px 8px 8px; border-radius:0; text-align:left; font-size:12px;}
  .rock_wrap3 .rock_con .tab_menu li:nth-child(1) a,
  .rock_wrap3 .rock_con .tab_menu li:nth-child(2) a,
  .rock_wrap3 .rock_con .tab_menu li:nth-child(3) a,
  .rock_wrap3 .rock_con .tab_menu li:nth-child(4) a,
  .rock_wrap3 .rock_con .tab_menu li:nth-child(5) a,
  .rock_wrap3 .rock_con .tab_menu li:nth-child(6) a {border-bottom:0;}
  .rock_wrap3 .rock_con .tab_menu li:nth-child(2) a,
  .rock_wrap3 .rock_con .tab_menu li:nth-child(4) a,
  .rock_wrap3 .rock_con .tab_menu li:nth-child(6) a,
  .rock_wrap3 .rock_con .tab_menu li:nth-child(8) a {border-left:0;}

  .rock_wrap3 .tab_con {padding:15px; border-radius:0px;}
  .rock_wrap3 .rock_con .tab-content .head {padding-bottom:10px; font-size:18px;}
  .rock_wrap3 .rock_con .tab-content .body .map_box {margin-bottom:15px;}
  .rock_wrap3 .rock_con .tab-content .body .desc {font-size:13px;}
}

@media only screen and (max-width:450px){
  .rock_wrap a.guide_btn {bottom:65px; margin-left:-100px; bottom:20px;}
  .rock_wrap a.guide_btn img {width:200px; height:auto;}
  .rock_wrap2 a.guide_btn {bottom:-10px; margin-left:-100px; bottom:0px;}
  .rock_wrap2 a.guide_btn img {width:200px; height:auto;}
  .rock_wrap3 .rock_con .tab-content .body .desc ul li span {width:90px;}

}