@charset "utf-8";

/*본문바로가기*/
#skipNavWrap { overflow: hidden; position: relative; width: 100%; z-index:1000;}
#skipNavWrap a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width: auto; padding:15px 0; background: #333; color: #fff; font-size: 13px; font-weight: bold;}

#header .top .topR .fms {float:left;}
#header .top .topR .fms li{display:inline-block;float:left;}
#header .top .topR .sns {float:left;}
#header .top .topR .sns li{display:inline-block; float:left;}

#header .top .topR .lang {display:inline-block; float:left;}
#header .top .topR .lang > a {background:#767676; color:#fff; line-height:45px; text-transform:uppercase; padding:0 12px; font-size:13px; letter-spacing:0;}
#header .top .topR .lang > a.off span {background:url('/design/village2019/img/lang_down.gif') no-repeat right center; padding-right:15px; }
#header .top .topR .lang > a.on span {background:url('/design/village2019/img/lang_up.gif') no-repeat right center; padding-right:15px; }
#header .top .topR .lang ul {display:none; position:absolute; background:#767676; width:106.41px; z-index:9;}
#header .top .topR .lang ul li {border-top:1px dashed #585858;}
#header .top .topR .lang ul li a {display:block; color:#fff; padding:0 20px;}

#header .top .topR .fms a {display:inline-block; color:#555; padding-right:15px;}
#header .top .topR .sns {margin-right:10px;}
#header .top .topR .sns a {display:inline-block; color:#555; padding-right:5px; }

/* 통합검색 */
#serachwrap { display:none; position:absolute; width:100%; top:115px; left:0; background:#fff; text-align:center; border-bottom:2px solid #0169a6; z-index:201; }

/*통합검색창 높이값*/
.top_ps01 {top:125px !important;}

#serachwrap div {display:inline-block; padding:15px 0 30px;}
#serachwrap a.close {position:absolute; right:2%; /*top:10px;*/ top:0;}
#serachwrap select { float:left;border:1px solid #ccc; line-height:45px; height:45px; padding:0 5px; font-size:15px;}
#serachwrap #qt { float:left; border:1px solid #ccc; line-height:45px; height:45px; box-sizing:border-box; margin-left:10px; padding:0 20px; width:300px; font-size:15px;}
#serachwrap #search_txt { float:left; border:1px solid #ccc; line-height:45px; height:45px; box-sizing:border-box; margin-left:10px; padding:0 20px; /*width:300px;*/ font-size:15px;}

#serachwrap a.search_btn {display:inline-block; line-height:45px; color:#fff; background:#555; padding:0 25px; margin-top:0; font-size:16px; font-weight:600;}

/*만족도평가, 공공누리*/
#page_info {clear:both; margin-top:70px; padding:0; overflow:hidden; border:1px solid #e5e7e9;}
.dataOffer {overflow:hidden; padding:15px; border-bottom:1px dashed #ccc;}
.pageLevel {clear:both; padding:20px;background: #f9f9f9 url('/design/ko2019/img/sub/pageLevel_bg.png') no-repeat 30px 25px; padding-left: 90px; overflow:hidden;}
.in_txt { float:right; width:calc(100% - 400px); height: 35px; margin:5px; margin-right:0; border:1px solid #999; box-sizing:border-box;}
.dataOffer dt {float:left;}
.dataOffer dd {float:left;padding-left: 15px;}
.dataOffer dd li {float:left;}
.dataOffer dd li span {padding:0 9px 0 8px;}
.pageLevel dt {float:left; margin:0 10px 5px 0; font-weight:600;}
.pageLevel dd p {float:left;}
.pageLevel dd fieldset {clear:both; float:left; width:calc(100% - 80px);}
.formWrap {clear:both; width:100%; overflow:hidden; /*background:url('/design/ko/img/common/page_level.gif') no-repeat 10px 13px;*/}
.formWrap fieldset {float:left; width:calc(100% - 80px);}
.formWrap fieldset ul {overflow:hidden; float:left;}
.formWrap li, .pageLevel fieldset li {float:left; font-size:15px; margin-right:10px; line-height:35px;}
.formWrap li input, .pageLevel fieldset li input {vertical-align:middle;}
.formWrap .txtBox input {float:left; width:50%; height:35px; margin-top:10px;}
.formWrap .btn, .pageLevel .btn {float:right; width:80px;}
.formWrap .btn a, .pageLevel .btn a {float:left; display:block; width:100%; height:35px; box-sizing:border-box; padding:7px 9px 0 9px; margin:5px; margin-left:0; font-weight:600; line-height:1.3; color:#333; border:1px solid #999; border-left:0; background:#f0f0f0; text-align:center;}
#page_open {box-sizing: border-box; border:1px solid #d7d7d7; margin-top:10px; padding:11px 11px 10px 11px; overflow:hidden;}
#page_open dt {float:left; width:110px; }
#page_open dd {float:right; width:77%; padding-top:15px; line-height:1.6;}
#page_open dd span {font-weight:600; color:#003399; text-decoration:underline;}
#page_open dl dd a {background:#003399; color:#fff; padding:0 10px;}
@media all and (max-width:1200px){
	.formWrap fieldset, .pageLevel dd fieldset {width:100%;}
	.formWrap fieldset ul {width:100%; margin-bottom:10px;}
	.in_txt { float:left; width:calc(100% - 105px);}
	.formWrap .btn, .pageLevel .btn { width:100px; margin-top:-45px; }
}
@media all and (max-width:880px){
	.pageLevel {padding-left:20px; background-image:none;}
}
@media all and (max-width:480px){
	.dataOffer {padding:10px 3%;}
	.dataOffer dd {float:left; padding-left:0px;}
	.dataOffer dd li {margin-top:10px;}
	.pageLevel {padding:10px 3%;}
	.pageLevel dd p {padding-left:0; line-height:1.5;}
	.formWrap li, .pageLevel fieldset li {line-height:25px; margin-bottom:5px;}
	#page_open {display:none;}
}


#ctn h4.first {border:0; margin:0 0 20px; padding-top:0;}


/*사이트맵*/
.sitemap_all {overflow: hidden; width: 100%;}
.sitemap_all .sitemap_box {width:22%; float:left; padding:0 1%; margin-bottom:20px; }
.sitemap_all .sitemap_box h4 {width:95%; border-top:0 !important; margin:0 0 20px 0 !important; font-size:17px !important; text-align:center; background-color:#fff; border-bottom:3px solid #1991be;
padding:10px 0 !important; }
.sitemap_all .sitemap_box h5 {/*border-bottom:1px dashed #ccc;*/ background:url('/design/common/img/sub/dept1.gif') no-repeat left 12px !important; padding:4px 0 10px 15px !important;
font-weight:normal; font-size:15px !important;  color:#555; margin-top:0 !important;}
.sitemap_all .sitemap_box h5 a {color:#555; padding:5px 0; display:block;}


@media all and (max-width:1023px){
  #serachwrap {top:75px;}
  #page_open dl dd {padding-top:0;}
  .gnbwrap {height:90px !important;}
}

@media all and (max-width:600px){
  #serachwrap div {margin-right:30px;}
  #serachwrap select { font-size:13px;}
  #serachwrap #qt { margin-left:5px; padding:0 15px; width:200px; font-size:14px;}
  #serachwrap a.search_btn {padding:0 15px;font-size:14px;}
  .sitemap_all .sitemap_box  {width:48%;}
}
@media all and (max-width:480px){
  #serachwrap #qt { width:120px; }
  .sitemap_all .sitemap_box {width:100%;}
}

@media all and (max-width:1023px){
.no-scrolling {position:fixed; width:100%; height:100%;}
/*.no-scrolling {overflow-y:hidden;}*/
}
.no-scrolling2 {overflow-y:hidden;}

/* PC네비 */
.gnbPC .gnbArea {float:left; text-align:center; width:60%; /*background-color:#2ec8ff;*/ margin-left:5%;}
.gnbPC .gnbArea > ul {display:inline-block;}
.gnbPC .gnbArea > ul > li {float:left;}
.gnbPC .gnbArea > ul > li > a {display:inline-block; font-size:19.5px; padding:0 19px; line-height:75px; font-weight:600;}

.gnbPC .subGnb {display:none; position:absolute; top:115px; left:0; width:100%; background:#f6f6f6; border-top:1px solid #dedede; text-align:left; z-index:200;}



/*읍면동 _ver01 */
.gnbPC .subGnb05 .dept2 {float:left; }
.gnbPC .subGnb05 .dept2 > li {position:relative; float:left; display:inline;}
.gnbPC .subGnb05 .dept2 > li > a {display:block; font-size:15px; padding:15px 15px; color:#fff; }
.gnbPC .subGnb05 .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/layout/blankW.gif') no-repeat right 4px; padding-right:20px;}


@media all and (max-width:1230px){
  .wrap {padding:0 2%;}
}


@media all and (max-width:1023px){
  .gnbArea {display:none;}
  .gnbhead {display:block;}

  #header .top {display:none;}
  #header {height:90px !important; overflow:hidden;}

  .gnbPC {display:none;}
  .gnbMobile {display:block;}

  /* mobile네비 */
  .gnbhead > div { padding:20px 2%; overflow:hidden;}
  .gnbhead > div a { float:left;  display:inline-block;}
  .gnbhead > div a.city_logo { width:50%;}
  .gnbhead > div a.Mclose { float:right; padding-top:15px;}
  .gnbhead ul { overflow:hidden; }
  .gnbhead ul.tour_mayor {background:#0169a6;}
  .gnbhead ul.tour_mayor li { border-top:1px solid #0080c9; border-left:1px solid #0080c9; }
  .gnbhead ul li { float:left; width:50%; /*border-top:1px solid #af9c5e;*/ box-sizing:border-box; border-top:0 !important;}
  .gnbhead ul li:first-child {border-left:0;}
  .gnbhead ul.member_btn {background-color:#008789;}
  .gnbhead ul.member_btn li { width:50%; border-left:1px solid #309e9f; }

  .gnbhead ul.lang {background:#9d8539;}
  .gnbhead ul.lang li { width:33.3%; border-top:1px solid #af9c5e; border-left:1px solid #af9c5e; }



  .gnbhead ul.fm {background:#008789; overflow:hidden; }
  .gnbhead ul.fm li { width:50%; }

  .gnbhead ul li a {display:block; text-align:center; padding:10px 0; color:#fff;}
  .gnbMobile .subGnb .title {display:none;}
  .gnbMobile .subGnb .wrap {width:100%; max-width:100%; padding:0; margin:0;}
  .gnbMobile .dept1 > li { border-bottom:1px solid #ddd; }
  .gnbMobile .dept1 > li > a {display:block; padding:10px 20px; font-size:17px; font-weight:600;}
  .gnbMobile .dept2 > li {border-top:1px dashed #ccc; background:#f1f1f1;}
  .gnbMobile .dept2 > li > a {display:block; text-align:center; padding:10px 0;}
  .gnbMobile .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/layout/blankB.gif') no-repeat right 4px; padding-right:16px;}
  .gnbMobile .dept3 {overflow:hidden; padding:10px 20px; background:#666;}
  .gnbMobile .dept3 > li { float:left; width:50%;}
  .gnbMobile .dept3 > li > a {display:block; background:url('/design/common/img/layout/navi_dot_w.gif') no-repeat left 15px; font-size:13px; padding:7px 15px; color:#fff;}
  .gnbMobile .dept3 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:16px;}
  .gnbMobile .dept2, .gnbMobile .dept3 {display:none;}
  .gnbArea.open {display:block; position:fixed; width:100%; height:100%; top:0; left:0; background:#fff; overflow-y:auto; z-index:99999; }
}

/* 네비 ver5 */
.ver5 .gnbPC .subGnb .title { background:#008943 !important; color:#fff; margin:0; padding:30px; box-sizing:border-box; min-height:200px;}
.ver5 .gnbPC .subGnb .title span {color:#fff;}
.ver5 .gnbPC .subGnb .dept2 {width:75%; background:#f6f6f6; min-height:auto; margin:20px 0;}
.ver5 .gnbPC .subGnb .dept2 li { float:left; width:30.3%; margin:5px 0 5px 3%;}
.ver5 .gnbPC .subGnb .dept2 li a {display:block; border:1px dashed #ccc; color:#555; background:#fff;}
.ver5 .gnbPC .subGnb .dept2 li a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:20px;}
.ver5 .gnbPC .subGnb .dept2 li.on a, .ver2 .gnbPC .subGnb .dept2 li a:hover {background:#666; color:#fff;}
.ver5 .gnbPC .subGnb .dept2 li.on a[target="_blank"] span, .ver2 .gnbPC .subGnb .dept2 li a[target="_blank"]:hover span {background:#666 url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:20px;}
.ver5 .gnbPC .subGnb .dept3 {display:none !important;}



/* 푸터 */
#footer .linklist > ul > li:first-child {margin-left:0;}
#footer .linklist > ul > li {position:relative; float:left; margin-left:3%; width:22.75%; height:40px; border:1px solid #ddd; /*background:#ececec;*/ background:#dadada; box-sizing:border-box;}
#footer .linklist > ul > li > a {display:block; padding:10px 20px;}
#footer .linklist > ul > li > a span {display:block; background:url('/design/common/img/layout/link_up.gif') no-repeat right center;}
#footer .linklist .list { display:none; position:absolute; bottom:-1px; left:-1px; width:100%; background:#f5f5f5; border:1px solid #555;}
#footer .linklist .list > a { display:block; background:#555 url('/design/common/img/layout/link_down.gif') no-repeat 95% center; color:#fff; padding:10px; }
#footer .linklist .list ul { height:150px; overflow-y:scroll; padding:10px 0;}
#footer .linklist .list ul li a {display:block; padding:5px 15px; font-size:12px;}

@media all and (max-width:1023px){
  #footer .linklist > ul > li {margin-left:0; width:50%;}
}


@media all and (max-width:760px){
#header {height:80px !important;}
.gnbwrap {height:80px !important;}
.gnbhead > div { padding:20px 2%; overflow:hidden;}
#serachwrap {top:80px !important;}

}



@media all and (max-width:480px){
   .gnbhead > div { padding:24px 2%; overflow:hidden;}
   .gnbhead > div a.Mclose {padding-top:3px;}
	#footer .linklist > ul > li > a {padding:10px 10px; font-size:13px;}
}


/* 서브레이아웃 */

#sub_container_wrap.ver1 {/*background:url('/design/village2019/img/subvis_village.jpg') no-repeat center top; border-top:1px solid #ccc;*/}
#sub_container { max-width:1200px; margin:0 auto; overflow:hidden; }

#sub_btn {position:absolute; top:45px; right:20px;}
#sub_btn > ul > li {float:left;  border-left:0; padding-left:7px;}
#sub_btn > ul > li:first-child {}
#sub_btn > ul > li > a {display:block; width:31px; height:31px; line-height:0; overflow:hidden;}
.subBtn3 div {display:none; position:absolute; top:40px; left:-32px; width:122px; border:1px solid #999; background:#fff; z-index:99;}
.subBtn3 div ul {padding:6px;}
.subBtn3 div li {margin:6px;}
.subBtn3 div li img {margin-right:7px; vertical-align:-5px;}
.subBtn3 div li a:hover {text-decoration:underline;}
.subBtn4 div {display:none; position:absolute; top:30px; left:-77px; width:167px; border:1px solid #999; background:#fff; z-index:100;}
.subBtn4 div ul {padding:6px;}
.subBtn4 div li {margin:6px 0 6px 6px;}
.subBtn4 div li img {margin-right:7px; vertical-align:-5px;}
.subBtn4 div li a:hover {text-decoration:underline;}

@media all and (max-width:1230px){
  #sub_container {padding:0 2%;}
}
@media all and (max-width:1023px){
  #sub_container {padding:0;}
}
@media all and (max-width:760px){
  #sub_container_wrap.ver1 {background:none;}

}

#sub_container_wrap.ver1 #left {float:left; width:19%;}
#sub_container_wrap.ver1 #left h2 {background:#196bbe; color:#fff; text-align:center; font-size:25px; padding:30px 0; margin-top:200px; }
#sub_container_wrap.ver1 #left h2 span {display:block; font-size:11px; text-transform:uppercase; font-weight:200; margin-top:10px; letter-spacing:1px;}
#sub_container_wrap.ver1 #left .dept2 > li {border:1px solid #e1e1e1; margin:5px 0; padding:0 20px; }
#sub_container_wrap.ver1 #left .dept2 > li > a {  display:block; font-size:16px; line-height:20px; padding:15px 0;}
#sub_container_wrap.ver1 #left .dept2 > li.on > a, #sub_container_wrap.ver1 #left .dept2 > li > a:hover { background:url('/design/village2019/img/dept2_on.png') no-repeat right 18px; color:#2f64bb; font-weight:600; padding:15px 25px 15px 0;}
#sub_container_wrap.ver1 #left .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/layout/blankB.gif') no-repeat right 5px; padding-right:18px;}
#sub_container_wrap.ver1 #left .dept2 > li.on .dept3 {display:block;}
#sub_container_wrap.ver1 #left .dept3 { display:none; margin-bottom:20px;}
#sub_container_wrap.ver1 #left .dept3 > li > a { display:block; background:url('/design/common/img/sub/dept3_off.gif') no-repeat left 13px; font-size:13px; color:#727272; line-height:17px; padding:7px 0 7px 13px;}
#sub_container_wrap.ver1 #left .dept3 > li.on > a, #sub_container_wrap.ver1 #left .dept3 > li:hover > a {background:url('/design/common/img/sub/dept3_on.gif') no-repeat left 13px; color:#222; text-decoration:underline;}
#sub_container_wrap.ver1 #left .dept3 > li > a[target="_blank"] span {background:url('/design/common/img/layout/blankB.gif') no-repeat right 3px; padding-right:18px;}

#sub_container_wrap.ver1 #contents {position:relative; float:right; width:77%; zoom:1;}
#sub_container_wrap.ver1 #contents .sub_title {padding:35px 0;}
#sub_container_wrap.ver1 .local {margin-top:20px; width:100%;}
#sub_container_wrap.ver1 .local ul {margin-left:-30%; margin-right:0; text-align:center; }
#sub_container_wrap.ver1 .local ul li {display:inline-block; color:#fff; text-shadow:1px 1px 1px #000;}

#sub_container_wrap.ver1 .local ul li a {color:#fff;display:inline-block; background:url('/design/village2019/img/local_arrow.png') no-repeat left center; padding:0 7px 0 12px; font-size:14px; }
#sub_container_wrap.ver1 .local ul li:first-child a {/*background:url('/design/village2019/img/local_home.png') no-repeat left center; padding-left:20px;*/ background-image:none; }

#sub_container_wrap.ver1 .sub_title h3 { display:inline-block; font-size:29px; text-align:center; width:100%; margin-left:-15%; color:#fff;text-shadow:1px 1px 1px #000;}
#sub_container_wrap.ver1 .sub_title .util {display:inline-block; vertical-align:top; padding:5px 0 0 10px; }
#sub_container_wrap.ver1 .util a.open_info {display:inline-block; font-size:13px; background:#fff; border:1px solid #ccc; border-radius:15px; line-height:30px; padding:0 12px;}
#sub_container_wrap.ver1 .util a.open_info span {background:url('/design/common/img/sub/util_arrow.gif') no-repeat right center; padding-right:15px;}

@media all and (max-width:1023px){
  #sub_container_wrap.ver1 #left { display:none; }
  #sub_container_wrap.ver1 #contents {width:100%;}
  #sub_container_wrap.ver1 #contents .sub_title {padding:35px 2%;}
  #sub_container_wrap.ver1 .sub_title h3,  #sub_container_wrap.ver1 .local ul{margin-left:0;}

}
@media all and (max-width:760px){
  #sub_container_wrap.ver1 .sub_title {/*background:url('/design/village2019/img/subvis_village.jpg') no-repeat center top;*/ }
   #sub_container_wrap.ver1 .sub_title h3{ font-size:25px;}
}
@media all and (max-width:480px){
  #sub_container_wrap.ver1 .sub_title h3 { display:block; }
  #sub_container_wrap.ver1 .sub_title .util { padding:10px 0 0 0;}
}



@media all and (max-width:1230px){
	#sub_container {padding:0;}
}
@media all and (max-width:1199px){
	#sub_container_wrap .left_wrap {width:22%;}
	#sub_container_wrap.ver2 #contents {width:73%; padding:40px 0 60px 5%;}
}
@media all and (max-width:1023px){
	#sub_container_wrap.ver2 #left {display:none;}
	#sub_container_wrap.ver2 #contents {width:100%; margin-bottom:20px;}
}


@media all and (max-width:1230px){
  #sub_container_wrap.type .sub_visual .wrap {margin:0;}
  /*#sub_container_wrap.type .sub_visual .wrap h2 {margin-left:2%;}*/
  #sub_container_wrap.type .sub_visual .wrap > a {margin-left:2%;}
}
@media all and (min-width:1024px){
  #sub_container_wrap.type .type_box_m {display:none !important;}
}
@media all and (max-width:1023px){
  #sub_container_wrap.type .sub_visual .wrap > a.pc {display:none;}
  #sub_container_wrap.type .sub_visual .wrap > a.mobile {display:block;}
  #sub_container_wrap.type .type_box {display:none !important;}
}
@media all and (max-width:768px){
  #sub_container_wrap.type .wrap {background:none !important;}
}

#ctn {margin:53px 0 40px; font-size:14px; line-height:20px;}
#ctn p {margin-bottom:15px;}
#ctn h4 {font-size:22px !important; margin:30px 0 20px!important; border-top:1px solid #ddd; padding-top:30px; padding-left:0 !important; line-height:25px; font-family: "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif}
#ctn h4::before {display:none;}
#ctn .tbl_area+h4 {border:0; margin:40px 0 20px; padding-top:0;}
#ctn h4.first {border:0; margin:0 0 20px; padding-top:0;}
#ctn h5 {background:url('/design/common/img/sub/h5.gif') no-repeat left 3px; font-weight:400; font-size:17px; padding:2px 0 2px 30px; margin:0; font-weight:bold; margin-top:20px;}
#ctn h5+.cont_depth01 {margin:10px 0 10px 30px;}
#ctn .box {border:1px solid #008943; padding:20px 30px; margin-bottom:20px; }
#ctn .box2 {border:2px solid #ccc; padding:10px 20px; margin-bottom:20px; }
#ctn dl.box {padding:0;}
#ctn dl.box dt {padding:15px 30px; background:#008943; color:#fff; font-size:17px;}
#ctn dl.box dd { padding:20px 30px;}
#ctn .num span, #ctn .num span {display:inline-block; width:20px; line-height:20px; margin-right:7px; background:#c53131; color:#fff; text-align:center;}
#ctn .num li, #ctn .num li {padding:5px 0;}
#ctn .num2 { border:1px solid #ddd;}
#ctn .num2 li { position:relative; border-top:1px dashed #ddd; padding:20px 20px 20px 90px; overflow:hidden; font-size:18px; font-weight:600; min-height:40px; }
#ctn .num2 li:first-child {border-top:0;}
#ctn .num2 li > span {display:block; position:absolute; left:20px; top:50%; margin:-25px 25px 0 0; float:left; background:#516a79; line-height:50px; width:50px; border-radius:25px; font-size:27px; text-align:center; font-weight:600; color:#fff;}
#ctn .num2 li p {font-weight:400; font-size:14px; margin:10px 0 0 0;}
#ctn ol > li {padding:4px 0; margin-left:15px;}


@media all and (max-width:1023px){
  #ctn {width:96%; margin:7% 2%;}
}


/* 서브레이아웃 ver5 */
#sub_container_wrap.ver5 {}

/* 탭메뉴 */
.dept_angang {margin-bottom:20px; overflow:hidden; border-left:1px solid #ae923d; box-sizing:border-box;}
.dept_angang li {float:left; width:20%; border-top:1px solid #ae923d;}
.dept_angang li:first-child {}
.dept_angang li a {display:block; height:33px; line-height:33px; text-align:center; border-right:1px solid #ae923d; border-bottom:1px solid #ae923d;}
.dept_angang li.on a {background:#ae923d; color:#fff;}
.dept_angang li:nth-of-type(5)~ li a {border-top:0;}

@media all and (max-width:760px){
  #sub_container_wrap.ver5 {background:none;}
}



@media all and (max-width:1023px){
  #sub_container_wrap.ver5 #left { display:none; }
  #sub_container_wrap.ver5 #contents {width:100%;}
  #sub_container_wrap.ver5 #contents .sub_title {padding:25px 2%;}
}


@media all and (max-width:630px){
.ver5#sub_container_wrap .lacal {margin-top:30px; padding:20px 0; overflow:hidden; width:100%;}
}

@media all and (max-width:480px){
  #sub_container_wrap.ver5 .sub_title h3 { display:block; }
  #sub_container_wrap.ver5 .sub_title .util { padding:10px 0 0 0;}
}



/* 리스트 스타일 */
.cont_depth {margin:10px 0 10px 15px;}
.cont_depth01, .cont_depth02 {margin:10px 0;}
.cont_depth > li {background:url('/design/common/img/sub/dept1.gif') no-repeat left 12px; padding:4px 0 4px 15px; font-weight:normal; }
.cont_depth > li.none {background:none; padding:4px 0;}
.cont_depth01 > li {background:url('/design/common/img/sub/dept3.gif') no-repeat left 12px; padding:2px 0 2px 10px; font-size:13px;   font-weight:normal;}

.cont_depth01 .bullet_m {background:url('/design/common/img/sub/dept3.gif') no-repeat left 12px; padding:2px 0 2px 10px; font-size:13px; }

.cont_depth01 ul li {background:url('/design/common/img/sub/dept3.gif') no-repeat left 12px; padding:2px 0 2px 10px; font-size:13px; }

.cont_depth01 ul li strong {color:#0066cc;}
.cont_depth02 > li {background:url('/design/common/img/sub/dept3.gif') no-repeat left 12px; padding:2px 0 2px 10px; font-size:13px; }
.caution {background:url('/design/common/img/sub/red_info.gif') no-repeat left 3px; font-size:13px; padding-left:20px; margin:8px 0; }

/* 테이블 */
.tbl_area {overflow-x:auto; margin:20px 0; clear:both;}
.tbl_type1 {border-collapse: separate; border-top:1px solid #555; margin-left:-1px; width:100%;}
.tbl_type1 th, .tbl_type1 td {font-family:"Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif;}
.tbl_type1 thead th {background:#f4f4f4; font-size:15px; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; }
.tbl_type1 tbody th {background:#fafafa; font-size:14px; }
.tbl_type1 tbody th.item {background-color:#fff; font-weight:normal;}
.tbl_type1 tbody td, .tbl_type1 tfoot td {background:#fff; font-size:14px; }
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:10px; word-break:break-all;}



/* 지도 */
.map {border:1px solid #ccc; padding:10px;}
.map div {box-sizing:border-box;}
.map > div {width:100%; border:0;}

/* 이미지 */
img {width:auto; max-width:100%;}
.imgB, .listB li {border:1px solid #ccc; box-sizing:border-box;}
.imgPB, .listPB li {border:1px solid #ccc; padding:5px; box-sizing:border-box;}
.img_text {display:block; font-size:12px; padding:10px 0;}

.photobox {border:1px solid #ccc; background:#eee; padding:5px; margin:20px 0;}
.photobox > div {background:#fff; padding:30px;}
.photo2, .photo3, .photo4 {overflow:hidden;}
.photo2 li { float:left; width:49%; text-align:center; }
.photo2 li:first-child {margin-right:2%;}
.photo3 li { float:left; width:32%; text-align:center; margin-left:2%; }
.photo3 li:first-child {margin-left:0;}
.photo4 li { float:left; width:23.5%; text-align:center; margin-left:2%;}
.photo4 li:first-child {margin-left:0;}


/*사이트맵*/
.sitemap_wrap > li:first-child h4 { margin:0 0 20px !important; padding-top:0 !important; border-top:0 !important; }
.sitemap_dep2 {overflow:hidden;}
.sitemap_dep2 > li {float:left; width:23%; margin:0 1%; }
.sitemap_dep2 > li:nth-child(4n+1) { clear:both; }
.sitemap_dep2 > li > a { display:block; background:#008943; color:#fff; padding:10px; margin-bottom:10px;}
.sitemap_dep2 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:18px;}
.sitemap_wrap > li:nth-child(2n) > .sitemap_dep2 > li > a {background:#0169a6;}
.sitemap_dep3 {margin:10px 10px 30px;}
.sitemap_dep3 > li {background:url('/design/common/img/sub/dept2.gif') no-repeat left 10px; padding:2px 0 2px 11px; font-size:13px; }
.sitemap_dep3 > li a[target="_blank"] {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:17px;}

@media all and (max-width:768px){
  .sitemap_dep2 > li {width:31.333%;}
  .sitemap_dep2 > li:nth-child(4n+1) { clear:none; }
  .sitemap_dep2 > li:nth-child(3n+1) { clear:both; }
}
@media all and (max-width:480px){
  .sitemap_dep2 > li {width:48%;}
  .sitemap_dep2 > li:nth-child(3n+1) { clear:none; }
  .sitemap_dep2 > li:nth-child(2n+1) { clear:both; }
}




/*찾아오시는길*/
.map > div {width:100%;}
.cont_depth  li span.fb {font-weight:bold;}


/*일반현황*/
@media all and (max-width:1199px){
	.dong_infoIMG {height:226px !important;}
	.dong_infoIMG img {height:100% !important;}
}
@media all and (max-width:1023px){
	.dong_infoIMG {height:auto !important;}
}


/*민원안내*/
@media all and (max-width:500px){
	.minwon_btn {margin:10px 0 0 0 !important;}
	.minwon_btn a {margin:0 !important;}
}

@media all and (max-width:360px){
	.minwon_logo {width:140px !important;}
}

/* 부서/직원안내 */
.organ_post {overflow:hidden; margin:20px 0;}
.organ_post p {width:30%; margin:0 auto; padding:10px; color:#fff; background:#2a4483; text-align:center; font-weight:bold;}
.organ_post p a {color:#fff; font-size:16px;}
.organ_post div.organ_post_li {position:relative;}
.organ_post div.organ_post_li::before {content:''; position:absolute; width:1px; height:30px; border-left:1px solid #ddd;position: absolute;top: -30px;left: 50%;}
.organ_post ul {margin-top:30px; border:3px solid #eee; background:#f7f7f7; padding:10px; overflow:hidden;}
.organ_post li {box-sizing:border-box; float:left; width:18%; margin:5px 1%; padding:7px; text-align:center; color:#666; border:1px solid #ccc; background:#fff;}
.organ_post li a {display:block; padding:15px;}
.organ_post li a:hover {color:#fff; background:#2f5883;}
.organ_post li a.dept_select {color:#fff; background:#2f5883;}
.organ_post li.on a {color:#fff; background:#2f5883;}
@media all and (max-width:980px) {
	.organ_post li {width:23%;}
}
@media all and (max-width:640px) {
	.organ_post li {width:31.3333%;}
}
@media all and (max-width:480px) {
	.organ_post li {width:48%;}
}



/*민원서식*/
.wps30 {width:30% !important;}
.table_02 {border-collapse: separate; margin-left:-1px !important; width:100%; border-top:2px solid #214986; max-width:100%; margin:9px 0; border-right:none;}
.table_02 caption {position:absolute; top:-9999px;}
.table_02 th {padding:10px 2%; vertical-align:middle; text-align:center; background-color:#f0f6fa; font-family:'notokr-medium'; border-bottom: 1px solid #999; font-weight:bold; }
.table_02 tr th {border-right:none !important}
.table_02 tr:first-child th {border-top:none;}
.table_02 tr:first-child td {border-top:none;}
.table_02 td {padding:10px 2%; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:none; vertical-align:middle; text-align:center;}
.table_02 th.txtL,.table_02 td.txtL {padding-left:12px; padding-right:12px; text-align:left;}
.table_02 td.noSpace {padding:0;}
.table_02 td img {vertical-align:middle;}
table.firstL td:first-of-type, table.lastL td:last-of-type {padding-left: 12px; padding-right: 12px; text-align: left;}

.cat_minwon { position:relative; }
.cat_minwon::before {content:''; position:absolute; left:0; top:0; width:40px; height:40px; border-top:2px solid #0a75c2; border-left:2px solid #0a75c2;}
.cat_minwon ul { overflow:hidden; margin-bottom:20px; padding:12px 20px; border:2px solid #e7ebf4; }
.cat_minwon ul li { float:left; }
.cat_minwon ul li a {display:block; position:relative; padding:5px 15px;}
.cat_minwon ul li a:after {content:''; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:#afafaf;}
.cat_minwon ul li:last-child a:after {display:none;}
.cat_minwon ul a:hover {color:#026cba; font-weight:500;}
.cat_minwon ul li.on a {padding-right:38px; color:#026cba; font-weight:500;}
.cat_minwon ul li.on a:before {content:''; position:absolute; top:50%; right:15px; width:15px; height:15px; margin-top:-7.5px; background:url('/design/ko2019/img/sub/check_tab05.gif') no-repeat center;}
