h4.tit1 {position:relative; margin:35px 0 15px 0; font-size:20px; letter-spacing:-1px; font-family:"NotoKrB", NotoKrB;}

/*리스트 스타일*/
#content .body h4.tit1:first-child {margin-top:0;}
/* h4.tit1:before {display:block; content:""; position:absolute; left:1px; top:-16px; width:22px; height:4px; background:url('../../images/common/bu_tit1.png') no-repeat left top;} */
p.sub_tit1 {margin-bottom:40px; text-align:center; font-size:24px; font-family:"NotoKrL", NotoKrL;}
.txt_box {margin-bottom:5px; font-size:18px; font-family:"NotoKrM", NotoKrM;}

.txt_dep1 {font-size:16px;}
.txt_dep1 > li {position:relative; padding:5px 0 5px 29px;}
.txt_dep1 > li:before {display:block; content:""; position:absolute; left:0; top:2px; width:20px; height:21px; background:url('/images/content/icon_bu1.png') no-repeat left 0;}
/*
.txt_dep1 {font-size:16px;}
.txt_dep1 > li {position:relative; padding:5px 0 5px 11px;}
.txt_dep1 > li:before {display:block; content:""; position:absolute; left:0; top:7px; width:4px; height:14px; background:#1389e2;}
*/
.txt_dep2 {margin-top:5px; color:#444444; font-size:14px; font-weight:normal;}
.txt_dep2 > li {position:relative; padding:2px 0 2px 11px; line-height:150%;}
.txt_dep2 > li:before {display:block; content:""; position:absolute; left:0; top:10px; width:6px; height:6px; background:#d1d1d1; border-radius:100%;}
.txt_dep3 {margin-top:5px; color:#444444; font-size:14px; font-weight:normal; color:#838383;}
.txt_dep3 > li {position:relative; padding:2px 0 2px 17px; line-height:150%;}
.txt_dep3 > li:before {display:block; content:""; position:absolute; left:0; top:7px; width:10px; height:10px; background:url("../../images/common/bu_dep3.png") no-repeat left top;}
.txt_dep4 {margin-top:5px; font-size:14px; font-weight:normal;}
.txt_dep4 > li {position:relative; padding:2px 0 2px 9px; line-height:150%;}
.txt_dep4 > li:before {content: ''; position: absolute; width: 4px; height: 1px; left: 0; top: 11px; background:#8d8d8d;}
.txt_dep4 > li:first-child {margin-top:0;}

@media only screen and (max-width: 1399px){
  h4.tit1 {margin:25px 0 8px; font-size:18px;}
  h4.tit1:before {left:1px; top:-14px;}
	p.sub_tit1 {margin-bottom:20px; text-align:center; font-size:16px;}

  .txt_dep1 {font-size:16px;}
  .txt_dep1 > li {position:relative; padding:5px 0 5px 13px;}
  .txt_dep1 > li:before {display:block; content:""; position:absolute; left:0; top:8px; width:4px; height:16px; background:#4fc26d;}
  .txt_dep2 {margin-top:5px; font-size:14px;}
  .txt_dep2 > li {padding:3px 0 3px 13px; line-height:150%;}
  .txt_dep2 > li:before {display:block; content:""; position:absolute; left:0; top:11px; width:6px; height:6px; background:#fabe00; border-radius:100%;}
  .txt_dep3 {margin-top:5px; color:#7e7e7e; font-size:14px;}
  .txt_dep3 > li {padding:3px 0 3px 17px; line-height:150%;}
  .txt_dep3 > li:before {top:7px;}
  .txt_dep4 {font-size:14px;}
  .txt_dep4 > li {padding:3px 0 3px 9px; line-height:150%;}
  .txt_dep4 > li:before {top: 12px;}
}


/* 컨텐츠 테이블(A) */
table.tbl_typeA {margin:5px 0 15px; border-top:2px solid #373737; background:#fff;}
table.tbl_typeA thead  {}
table.tbl_typeA thead th {padding:20px 15px; background:#fafafa; text-align:center; border:1px solid #dadada; border-left:1px solid #e5e7ee; border-right:1px solid #e5e7ee; color:#000;}
table.tbl_typeA thead th:first-child {border-left:0 none;}
table.tbl_typeA thead th:last-child {border-right:0 none;}
table.tbl_typeA tbody th, table.tbl_typeA tbody td {padding:12px 20px; border:1px solid #dadada; border-left:1px solid #e5e7ee; border-right:1px solid #e5e7ee;}
table.tbl_typeA tbody th {background:#fafafa; text-align:center; border-left:0 none;}
table.tbl_typeA tbody td {text-align:center;}
table.tbl_typeA tbody td:first-child {border-left:0 none;}
table.tbl_typeA tbody td:last-child {border-right:0 none;}

table.tbl_typeA tbody td p.tit1 {font-weight:bold;}
table.tbl_typeA tbody td.text-left {padding:15px 15px;}
table.tbl_typeA.text-left thead th, table.tbl_typeA.text-left tbody th, table.tbl_typeA.text-left tbody td {text-align:left;}

@media only screen and (max-width: 1399px){
  table.tbl_typeA.respon {font-size:14px !important;}
  table.tbl_typeA.respon colgroup {display:none;}
  table.tbl_typeA.respon thead th {padding:10px 5px;}
  table.tbl_typeA.respon tbody th, table.tbl_typeA tbody td {padding:10px 5px;}
}

/* 컨텐츠 테이블(B) */
table.tbl_typeB {margin:5px 0 15px; border-top:2px solid #373737; background:#fff;}
table.tbl_typeB thead  {}
table.tbl_typeB thead th {padding:20px 15px; background:#fafafa; text-align:center; border:1px solid #dadada; border-left:1px solid #e5e7ee; border-right:1px solid #e5e7ee; color:#000;}
table.tbl_typeB thead th:first-child {border-left:0 none;}
table.tbl_typeB thead th:last-child {border-right:0 none;}
table.tbl_typeB tbody th, table.tbl_typeB tbody td {padding:12px 20px; border:1px solid #dadada; vertical-align:top; border-left:1px solid #e5e7ee; border-right:1px solid #e5e7ee;}
table.tbl_typeB tbody th {background:#fafafa; text-align:center; border-left:0 none;}
table.tbl_typeB tbody td {text-align:center;}
table.tbl_typeB tbody td:first-child {border-left:0 none;}
table.tbl_typeB tbody td:last-child {border-right:0 none;}

table.tbl_typeB tbody td p.tit1 {font-weight:bold;}
table.tbl_typeB tbody td.text-left {padding:15px 15px;}
table.tbl_typeB.text-left thead th, table.tbl_typeB.text-left tbody th, table.tbl_typeB.text-left tbody td {text-align:left;}
table.tbl_typeB .citizen1_down {display:inline-block; margin-right:8px;}
table.tbl_typeB .td_bg1 {background:#fbf9f6; font-weight:bold;}


@media only screen and (max-width: 1399px){
  table.tbl_typeB.respon {font-size:14px !important;}
  table.tbl_typeB.respon colgroup {display:none;}
  table.tbl_typeB.respon thead th {padding:10px 5px;}
  table.tbl_typeB.respon tbody th, table.tbl_typeB tbody td {padding:10px 5px;}
}

/* 테이블 부가설명(상단,하단) */
.tbl_top {margin-top:-30px; text-align:right; font-size:14px;}
.tbl_bt {margin:-5px 0 10px; font-size:14px;}


/* 찾아오시는길 */
.map_wrap {}
.map_wrap img {width:100%; height:auto;}
.skip {display:none;}
.scroll_txt {display:none;}

/* 찾아오시는길 */
iframe.map {width:100%; height:330px;} /* 다음지도 외부 크기(내부보다 20px 크게) */
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:330px !important;} /* 다음지도 내부 크기 */

@media screen and (max-width: 739px) {
  iframe.map {width:100%; height:260px;} /* 다음지도 외부 크기 */
  .root_daum_roughmap {width:100% !important;}
  .root_daum_roughmap .wrap_map {height:260px !important;} /* 다음지도 내부 크기 */
}


/* 직원 및 업무분장 */
@media screen and (max-width: 768px) {
  iframe.organization {height:1800px !important;}
}


/* 동장 인사말/주민자치센터장 인사말 */
.tbl_greeting {border-top:2px solid #585d65;	margin-bottom:24px;	font-size:14px;}
.tbl_greeting tbody th, .tbl_greeting tbody td {padding:10px 15px;	text-align:left;}
.tbl_greeting tbody th {color:#555 !important;	background-color:#fdfdfd;}
.tbl_greeting tbody td.thumb {height:175px;}
.tbl_greeting tbody td {font-weight:normal; position:relative;}
.tbl_greeting tbody td .head {position:absolute; left:180px; top:-100px; font-size:26px; letter-spacing:-1px; font-weight:bold; color:#3f63bd; line-height:130%}
.tbl_greeting tbody td .body {padding-top:20px; border-top:1px solid #e4e4e4; line-height:170%; font-size:18px;}

@media screen and (max-width: 768px) {
  .tbl_greeting {letter-spacing:-1px;}
  .tbl_greeting thead th {padding:5px 10px;}
  .tbl_greeting tbody th, .tbl_greeting tbody td {padding:5px;}
  .tbl_greeting tbody td .head {position:absolute; left: 150px; top:-120px; font-size:20px; line-height:130%}
  .tbl_greeting tbody td .body {margin-top:5px; padding-top:15px; font-size:14px; border-top:1px solid #e4e4e4; line-height:145%;}
}


/* 유관단체 */
.rel_wrap {overflow:hidden;}
.rel_wrap .rel_box {width:49%; float:left; margin-right:1%; margin-bottom:15px; padding:0 0 10px; border:1px solid #0078c8; border-radius:5px;}
.rel_wrap .rel_box h4 {margin-top:0 !important; font-size:16px; padding:12px; background:#0078c8; color:#fff; text-align:center; letter-spacing:-1px;}
.rel_wrap .rel_box ul {overflow:hidden;}
.rel_wrap .rel_box ul li {width:50%; float:left;}

@media screen and (max-width: 768px) {
  .rel_wrap .rel_box ul li {width:100%; float:none;}
}


/* 텍스트박스 */
.text_box1 {padding:0; font-size:14px;}


/* 안내박스 */
.notice_box1 {width:100%;	margin:5px 0 30px;	border-top:4px solid #fac843;	padding:15px 20px;	border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;	border-bottom:1px solid #d8d8d8;	background:#fff;	border-radius:0 0 6px 6px;}
.notice_box1 .notice_list1 {}
@media screen and (max-width: 768px) {
  .notice_box1 {font-size:14px;}
}

/* 안내박스(정보화교육) */
.notice_edu {width:100%;	margin:5px 0 22px;	border-top:3px solid #f15922;	padding:10px 15px;	border-left:1px solid #d8d8d8;	border-right:1px solid #d8d8d8;	border-bottom:1px solid #d8d8d8;	background:#fff;	border-radius:0 0 6px 6px;}
.notice_edu .head {text-align:center;}
.notice_edu .head h4 {position:relative; z-index:1; display:inline-block; padding:15px 0 10px; margin-bottom:10px; font-size:24px; font-weight:bold; letter-spacing:-1px; text-align:center;}
.notice_edu .head h4:before {display:block; content:""; position:absolute; left:0; right:0; bottom:4px; z-index:-2px;width:100%; height:8px; background:#b0d9ff; border-radius:8px; filter:alpha(opacity=40); opacity:0.4;}
.notice_edu ul {}
.notice_edu ul li {padding-left:12px; background:url('../images/bu_dep2.png') no-repeat left 8px;}
.notice_edu ul li .tit {font-weight:bold;}
.notice_edu ul li .txt_box {}

@media screen and (max-width: 768px) {
  .notice_edu .head h4 {padding:8px 0 10px; margin-bottom:10px; font-size:16px;}
  .notice_edu .head h4:before {display:none;}
}

/* 정보화교육 > 개인정보 동의 */
.priv_agree {margin-top:15px; padding:20px; border:1px solid #ffac83; background:#ffeee5;}
.priv_agree ul li {line-height:140% !important;}
.priv_agree h5 {padding:0px 0 15px; font-weight:bold; text-align:center; font-size:18px;}
.priv_agree .color-blue, .priv_agree .color-red {font-size:16px;}

table.tbl_priv {margin-bottom:15px; color:#393939; border-top:3px solid #5b5b5b; background:#fff;}
table.tbl_priv thead  {}
table.tbl_priv thead th {padding:5px; border:1px solid #dcdcdc;}
table.tbl_priv tbody th, table.tbl_priv tbody td {padding:5px; border:1px solid #dcdcdc;}
table.tbl_priv tbody th {text-align:center;}
table.tbl_priv tbody td {text-align:center;}


/* 검색결과 */
/*** 서브_콘테이너 ***/
#srch_container {border-radius:25px; position:relative; background:#fff;}
#srch_container:after {display:block; content:""; clear:both;}
#srch_container .srch_con {min-height:500px; padding:80px 80px;}
.srch_head {}
.srch_head h3 {margin-bottom:75px; font-size:36px; color:#ec7653; 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:#000; border-bottom:3px solid #4e4e4e;}
.srch_body .section h4.bd {padding:12px; font-size:22px; color:#000; 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;}

/* 탭메뉴2 */
.mTab2.onlym {display:none;}
.mTab2 {margin-bottom:20px;}
.mTab2.menu2 li {width:50%;}
.mTab2.menu2 li:nth-child(3) > a {margin-left:0 !important;}
.mTab2.menu3 li {width:33.3333333%;}
.mTab2.menu3 li:nth-child(4) > a {margin-left:0 !important;}
.mTab2.menu4 li {width:25%;}
.mTab2.menu4 li:nth-child(5) > a {margin-left:0 !important;}
.mTab2.menu5 li {width:20%;}
.mTab2.menu5 li:nth-child(6) > a {margin-left:0 !important;}

.mTab2 > a.current {display:none;}
.mTab2 ul:after {display:block; clear:both; content:'';}
.mTab2 li {float:left; margin-bottom:5px; box-sizing:border-box;}
.mTab2 li:first-child a {margin:0;}
.mTab2 li a {margin-left:5px; display:block; height:50px; line-height:50px; padding:0 28px; text-align:center; background:#fff; border:1px solid #e7e7e7; letter-spacing:-1px;}
.mTab2 li.on a {color:#20acc5; border:1px solid #20acc5; background:url(../images/common/icon_arrow2.png) no-repeat 94% center; font-weight:bold;}

@media screen and (max-width: 768px) {
  .mTab2.onlym {display:block;}
  .mTab2 {margin-bottom:10px; overflow:hidden; border-top:1px solid #000;}
  .mTab2 > a.current {height:38px; line-height:38px; display:block; padding:0 20px; color:#fff; background:#315b8a url(../images/common/icon_arrow2.png) no-repeat 96% center; border:0 none;}
  .mTab2.menu2 li {width:100%;}
  .mTab2.menu2 li:nth-child(3) > a {margin-left:0 !important;}
  .mTab2.menu3 li {width:100%;}
  .mTab2.menu3 li:nth-child(4) > a {margin-left:0 !important;}
  .mTab2.menu4 li {width:100%;}
  .mTab2.menu4 li:nth-child(5) > a {margin-left:0 !important;}
  .mTab2.menu5 li {width:100%;}
  .mTab2.menu5 li:nth-child(6) > a, .mTab2.menu5 li:nth-child(11) > a, .mTab2.menu5 li:nth-child(16) > a {margin-left:0 !important;}
  .mTab2 ul  {overflow:hidden;}
  .mTab2 ul li {float:none; margin-bottom:0; height:38px; line-height:38px;}
  .mTab2 ul li a {margin-left:0; height:38px; line-height:38px; padding:3px 0; padding:0 20px; border:1px solid #e6e6e6; border-top:0 none; text-align:left; color:#383838;}
  .mTab2 ul li:last-child a {border-radius:0 0 5px 5px;}
  .mTab2 ul li.on a {background:url(../images/common/icon_arrow2.png) no-repeat 94% center; font-weight:normal; color:#333;}
}


/* form style */
.ipt_txt1 {height:22px;	padding:0 6px; border:1px #d1d1d1 solid;}
.ipt_txt3 {height:22px;	padding:0 6px; border:1px #d1d1d1 solid;}
.ipt_txt2 {width:100%; height:22px;	border:1px #d1d1d1 solid;	padding:0 6px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ft_ipt {height:25px;	padding-left:6px;	border:1px #222323 solid;	background:#cecece;	font-size:11px;	color:#525252; font-family: "돋움", Dotum; letter-spacing:-1px;}
.ipt_block {display:block; width:100%; padding-right:0; padding-left:0;}
.ipt_slt1 {height:22px;	border:1px #d1d1d1 solid;}
.ipt_area1 {width:100%;	padding:5px; border:1px #d1d1d1 solid; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;	box-sizing:border-box;}
