@charset "utf-8";

.content h4 {font-size:20px; padding:10px 0; color:#3f3f3f;}
.content h5 {font-size:18px; padding:8px 0 5px 20px; color:#206EEC; position:relative;}
.content h5::before, .content h5::after {display:block; position:absolute; top:0; left:0; content:"";}
.content h5::before {width:15px; height:15px; top:9px; background:#206EEC; border-radius: 30px;}
.content h5::after {width:5px; height:5px; top:14px; left:5px; background:#fff; border-radius: 30px;}
.content h6 {font-size:16px; padding:6px 0 6px 10px; color:#565656; position:relative;}
.content h6::before {display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; background:#565656; border-radius:10px;}
.content p {color:#595959; font-size:14px; font-weight: 400; line-height: 1.3;}

/* (공통)서브 하단 배너모음 선 추가 */
.total_banner {border-top: 1px solid #E9E9E9;}

.list_basic li {position:relative; padding-left:12px; font-size:14px; line-height: 1.4; color:#595959; margin-bottom:5px;}
.list_basic li::before {content:""; display:block; position:absolute; top:10px; left:0;} 
.list_basic.lt01 li::before {width:6px; height:2px; border-radius:10px; background:#565656;}
.list_basic.lt02 li::before {width:4px; height:4px; background:#aaa; border-radius:50%;}
.list_basic.noblet li {padding-left:0;} /* list_basic 앞 기호 없음 */
.list_basic.noblet li::before {display:none;}
.list_basic.lt01.noblet li::before {display:none;}

.box_default {background:#f5f5f5; padding:15px; color:#5d5d5d;}
.box_st01 {border: #bcd2ff solid 1px;}
.box_st01 .inner {border:#f3f7ff solid 5px; padding:15px;}
.box_st01 .inner p {color:#c90223; font-weight:400;}
.box_st02{position:relative; border:#dedede solid 1px; padding:15px; color:#454545;}
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;}
.box_st02:before{left:0; top:0; border-left:#206EEC solid 3px; border-top:#206EEC solid 3px;}
.box_st02:after{right:0; bottom:0; border-right:#206EEC solid 3px; border-bottom:#206EEC solid 3px;}
.box_st02 img{display:block; width:auto; margin:8px auto;}
.box_st02 strong{font-size:16px; display:block; margin-bottom:10px;}
.box_st03{border-bottom:1px solid #dedede; color:#454545;}
.box_st03 img{display:block; width:auto; margin:8px auto;}

.btn_set{padding:10px 0;}
.btn_con{display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500; margin:5px 0;}
.btn_con:after{display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-left:10px;}
.btn_blk{border:#2a2a2a solid 1px; color:#2a2a2a;}
.btn_blk.btn_revers{ border:#2a2a2a solid 1px; background-color:#2a2a2a; color:#fff;}
.btn_red{border:#eb4141 solid 1px; color:#fb4141;}
.btn_red.btn_revers{border:#eb4141 solid 1px; background-color:#fb4141; color:#fff;}
.btn_go:after{content:"\f105";font-weight:700; line-height: 16px;}
.btn_link:after{content:"\f2d2";font-weight:300;}
a[target="_blank"].btn_down::after {content:"\f33d"!important; font-weight:300 !important;}
a[target="_blank"].btn_none:after {display:none;} /* a태그 아이콘 없음 */
a[target="_blank"].no_icon::after {display:none;} /* a태그 아이콘 없음 */
.btn_con.btn_small {padding:6px 8px;}
.btn_con.btn_small.btn_ss {padding:2px 8px;}

.img_box {text-align:center;}
.img_box.img_box001 {border:1px solid #dcdcdc; padding:20px; border-radius:5px;}
img {max-width:100%;}
video {background:none; width:100%}

.color01 {color:#eb4141;}
.color02 {color:purple;}
.color03 {color:#206EEC;}
.weight01 {font-weight:500;}
.weight02 {font-weight:700;}
.br {display:block; height:1px;}
.brnone {display:none;}

/* 기본테이블 */
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#1e1e1e solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px;  border-right:#d8d8d8 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; }
/*.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }*/
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:15px; color:#1e1e1e; background-color:#fafafa; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#454545; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table td.bg_g{background:#fafafa;}
.basic_table .no_border { border-right-style: none; }
.basic_table .r_border{border-right:1px solid #d8d8d8!important;}
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.basic_table tr td ul li{text-align:left;}
.border_none{ border-right:none;}

.basic_table.table_resp th { text-align: left; min-width:23%; }
.basic_table.table_resp th, .basic_table.table_resp td{ display:block; border-left:0; border-right:0;}
.basic_table.table_resp .no_cont{display:none;} /* 콘텐츠 없을때, 반응형조절 (직원전화번호사용)*/

.basic_table.tbl_st01{ border-top:#c32943 solid 2px; }
.basic_table.tbl_st01 th { color:#c32943; }
.basic_table.tbl_st01 td { color:#464646 }

.table_center tbody tr td {text-align:center;}

.td_border_right {border-right:1px solid #d8d8d8 !important;} /* 익스에서 border가 안나올때 */

/* 반응형테이블 */
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  } 

@media all and (min-width:1024px){
	.scroltable-nav.scroltable-nav-right:before, .scroltable-nav.scroltable-nav-right:after, .scroltable-nav.scroltable-nav-right{display:none!important;}
}

/* paging */
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

@media all and (max-width:767px){
	.basic_table.table_resp thead{display:none;}
}
@media all and (min-width:768px){
	.basic_table.table_resp th{ text-align: center; }
	.basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;}
	.basic_table.table_resp .no_cont{display:table-cell;}
} 
@media all and (min-width:1024px){
	.content h4{ font-size:24px;  }
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:11px; }
	.content h5:after{ top:16px; }	
	.content h6{ font-size:18px;  font-weight:500}
	.content p{ font-size:16px; line-height: 1.5 }

	.list_basic li{ font-size:16px; }

	.box_default{ padding:30px; }
	.box_default p{ font-size:16px;   }
	.box_st01 .inner{ border:#f3f7ff solid 9px; padding:30px;  }
	.box_st02{ padding:40px 60px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:40px; }
	.box_st02 strong{font-size:20px;}
	.box_st02 p{padding-left:130px;}

	.box_st03{padding:40px 60px; overflow:hidden;}
	.box_st03 img{float:left; margin-right:40px;}

	.basic_table thead tr th,.basic_table thead tr td { padding:15px 10px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 10px;  }
	.basic_table th, .basic_table td { font-size:16px;}

	/* 작은 테이블 (테이블 길이가 넘어갈때)*/
	.basic_table.table_small thead tr th, .basic_table.table_small tbody tr th{padding:10px 2px; font-size:14px;}
	.basic_table.table_small thead tr td{padding:10px 2px; font-size:13px;}

	/*box안에 내용이 길때*/
	.box_st02 .img_mb{margin-bottom:17px;}
	.box_st02 .img_mb01{margin-bottom:112px; margin-right:21px;}
	.box_st02 .mt10 > .img_mb02{margin:0 10px 0 0;}
	.box_st02 .img_mb03{margin-bottom:40px;}
}

.inquiry{ padding:20px 0; }
.inquiry input[type='radio'] + label{ margin:5px; }
.inquiry .exp{ font-weight:500; margin-bottom:15px; }
.inquiry .btn_confirm{ display:inline-block; padding:10px 20px; border-radius: 20px;  border:#404040 solid 1px; }
.inquiry .exp_red{ margin-top:10px; color:#eb4141; }
.inquiry .btn_request{ display:block; width:100px; margin:20px auto 0 auto;  padding:15px; text-align: center; background:#eb4141; color:#fff;  border-radius: 30px; }
.inquiry .car_num{ width:150px; }

@media all and (min-width:1024px){
	.inquiry .exp{display:inline-block; margin-right:20px;  }
	.inquiry .exp_red{ display:inline-block; margin-left:20px;  }
}

.cont_notice dt{font-size:16px; font-weight:500; margin-bottom:10px;}
.cont_notice dt i{color:#fb4141;}
.cont_notice dd{font-size:14px; line-height:1.3; color:#595959;}

@media all and (min-width:1024px){
	.cont_notice dt{font-size:18px;}
	.cont_notice dd{font-size:16px;}
}

/* 단계_기본5개 */
.list_step{margin: 15px;}
.list_step > li{text-align:center; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:40px; position:relative; padding:20px;  line-height:1.4;}
.list_step > li > br{display:none;}
.list_step > li:last-child{margin-bottom:0;}
.list_step > li:before {content:''; position:absolute; top:0; left:50%; margin:-35px 0 0 -10px; display:block; width:14px; height:14px; background:transparent; border-left:2px solid #222; border-bottom:2px solid #eb4141; transform:rotate(-45deg); transition:all .3s ease-in-out; }
.list_step > li:first-child:before{display:none;}

@media all and (min-width:768px){
	.list_step{overflow:hidden;}
	.list_step > li{float:left; width:43%; margin:0 3.5% 20px 3.5%;}
	.list_step > li:before{top:50%; left:-27px; transform:rotate(-135deg); margin-top:-10px;}
	.list_step.col03 > li{width:26.3%}
}
@media all and (min-width:1024px){
	.list_step > li{width: 27%;margin: 0 3% 20px 3%; display:flex; justify-content:center; flex-direction:column }
	.list_step > li:before{left: -27px;}
	.list_step.col03 > li{width:27%}
}
@media all and (min-width:1200px){
	.list_step{margin:15px 0;}
	.list_step > li{width:18%; margin:0 1.25%; min-height:86px;}
	.list_step > li.s_con{padding-top:30px;}
	.list_step > li > br{display:block;}
	.list_step > li:before{left:-16px;}
	.list_step > li:first-child{margin-left:0;}
	.list_step > li:last-child{margin-right:0;}
	.list_step.col03 > li{width:31.6%}
}

/* 감사위원회소개 */
.member{margin-top:10px;}
.member li{border:1px solid #ddd; margin-bottom:10px; padding:15px; text-align:center;}
.member li span{display:block; margin-top:10px;}

@media all and (min-width:480px) {
	.member{overflow:hidden;}
	.member li{float:left; width:49%; margin-right:2%; margin-bottom:15px;}
	.member li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:768px) {
	.member li{width:32%; padding:20px;}
	.member li:nth-child(2n){margin-right:2%;}
	.member li:nth-child(3n){margin-right:0;}
}
@media all and (min-width:1024px){
	.member li{width:23.9%; margin-right:1.2%;}
	.member li:nth-child(2n){margin-right:1.2%;}
	.member li:nth-child(3n){margin-right:1.2%;}
	.member li:nth-child(4n){margin-right:0;}
}

/* 인재교육 > 교육과정 > 월별교육과정 - 탭스타일 */
.tab_s {margin-bottom:15px; padding-bottom:10px; border-bottom:#eee solid 1px;}
.tab_s .tabs_cont:after {display:block; content:""; clear: both;}
.tab_s .tabs_cont li {float:left; margin-right:5px; font-size:14px; font-weight:500;  margin-bottom:5px;}
.tab_s .tabs_cont li a {display:block; background:#f1f1f1; border:#dadada solid 1px; border-radius: 3px; padding:10px 15px;}
.tab_s .tabs_cont li.active a {background:#313131; color:#fff; border:#313131 solid 1px;}
.tabs_cont_box {display:none;}
#divArea01 {display:block;}

.map_box{border:1px solid #dadada; min-height:500px;}

@media all and (min-width:1024px){
	.ifram_box{display:block;}
}

/* 주민감사청구제도 */
.list_step.col09 > li > span{display:block;}

@media (min-width:768px) {
	.list_step.col09 > li{min-height:108px;}
}
@media (min-width:1024px) {
	.list_step.col09 > li{min-height:130px;}
}
@media (min-width:1200px) {
	.list_step.col09 > li{width:30%; margin:8px 1.5% 8px 1.5%; min-height:174px;}
	.list_step.col09 > li:nth-child(3n){margin-right:0;}
}

/* 공익신고 */
.list_step.col04 > li > span, .list_step.col04 > li > br, .list_step.col06 > li > span, .list_step.col06 > li > br{display:block;}
.listCount {float:right; max-width:150px; margin-bottom:10px;}

@media (min-width:768px) {
	.list_step.col04 > li{min-height:174px; display:flex; justify-content:center; flex-direction:column}
	.list_step.col04.col04_1 > li{min-height:0;}
}
@media (min-width:1024px) {
	.list_step.col04 > li{width:19%;  min-height:218px;}
	.list_step.col04.col04_1 > li{min-height:0;}
	.list_step.col06 > li{min-height:108px;}
}
@media (min-width:1200px) {
	.list_step.col04 > li{width:23%;  min-height:196px;}
	.list_step.col04.col04_1 > li{min-height:0;}
	.list_step.col06 > li{width:14.5%; margin:0 1.5% 0 1%; min-height:130px;}
	.list_step.col06 > li:first-child{margin-left:0;}
	.list_step.col06 > li:last-child{margin-right:0;}
}

/* 서브로그인 */
.sub_login{border:3px solid #ededed; padding:20px;}
.sub_login ul li{margin-bottom:15px;}
.sub_login ul li label{display:block; margin-bottom:10px; font-weight:500;}
.sub_login ul li .w30{width:calc(100% - 22px); margin-bottom:5px;}
.sub_login ul li span{margin-left:3px;}
.sub_login_btn a{display:block; padding:15px 0; text-align:center; background:#2a2a2a; color:#fff; border-radius:5px;}

@media all and (min-width:480px){
	.sub_login ul li .w30{width:26.5%;}
}
@media all and (min-width:768px){
	.sub_login{overflow:hidden;}
	.sub_login ul{float:left; width:85%;}
	.sub_login ul li{display:inline-block; vertical-align:middle; margin-bottom:0;}
	.sub_login ul li:first-child{margin-right:20px;}
	.sub_login ul li label{display:inline-block; vertical-align:middle; margin-bottom:0;}
	.sub_login ul li input{display:inline-block; width:120px; vertical-align:middle; }
	.sub_login ul li .w30{width:75px; margin-bottom:0;}
	.sub_login_btn{float:left; width:15%;}
}
@media all and (min-width:1024px){
	.sub_login{padding:20px 70px;}
	.sub_login ul li:first-child{margin-right:40px;}
	.sub_login ul li label{width:80px;}	
	.sub_login ul li span{margin:0 5px;}
}

/* 탭 사용 */
.tab_month_ea {margin-bottom:20px}
.tab_month_ea li {display:inline-block; border:1px solid #ddd; margin-bottom:10px; text-align:center; margin-right:1%}
.tab_month_ea li a {display:block; padding:10px 20px; }
.tab_month_ea li a.tab_on {background-color:#e95800; color:#fff; border:none}

/* 민관협치 조직도 */
.center_org .center01{position:relative;}
.center_org .center01 .center_con{border:1px solid #dcdcdc; border-radius:5px; margin-bottom:40px;}
.center_org .center01 span{display:block; background:#bf3048; height:50px; border-radius:5px; font-weight:500; text-align:center; padding:15px 0; color:#fff;}
.center_org .center01 .lt01{padding:10px 14px 15px;}
.center_org .center01 ul li{margin-top:5px;}
.center_org .center01:after{content:''; display:block; width:1px; height:42px; background:#aaa; position:absolute; bottom:-42px; left:50%;}

.center_org .center04{position:relative;}
.center_org .center04 .center_con{border:1px solid #dcdcdc; border-radius:5px; margin-bottom:20px;}
.center_org .center04 .center_con:last-child{margin-bottom:15px;}
.center_org .center04 .center_con span{display:block; text-align:center; background:#dcdcdc; padding:15px 0; font-weight:400;}
.center_org .center04 .center_con ul{padding:10px 14px 15px;}
.center_org .center04 .center_con ul li{margin-top:5px;}

@media (min-width:768px) {
	.center_org{position:relative; width:90%; margin:0 auto;}
	.center_org .center01:after{height:42px;}
	.center_org .center01{margin-bottom:40px;}
	.center_org .center01 .center_con{width:40%; margin:0 auto;}

	.center_org .center04:before{content:''; display:block; background:#aaa; width:70.1%; height:1px; position:absolute; top:0; left:15%;}
	.center_org .center04{overflow:hidden;}
	.center_org .center04 .center_con:before{content:''; display:block; background:#aaa; width:1px; height:40px; top:-40px; left:50%; position:absolute;}
	.center_org .center04 .center_con{min-height: 176px;float:left;width:30%;margin-right:5%;position:relative;margin-top:35px;}
	.center_org .center04 .center_con:last-child{margin-right:0; margin-bottom:20px;}
}

/* 민관협치 소개 */
.partner_box .partner_con{border:1px solid #365d9e;border-radius: 5px;margin-bottom: 20px;}
.partner_box .partner_con span{text-align:center;display:block; color:#fff; background:#365d9e;height:50px;font-weight:500;padding:15px;border-radius: 4px;}
.partner_box .partner_con ul{padding:15px 20px;}
.partner_box .partner_con ul li{line-height:1.4; word-break:keep-all;}
.partner_box .partner_img{text-align:center;}

@media (min-width:1024px) {
	.partner_box{overflow:hidden; width:90%; margin: 0 auto;}
	.partner_con{float:left; width:49%; margin-right:20px; min-height:259px;}
	.partner_box .partner_img{text-align:inherit;}
}

.notice {background-color: #5bc0de; color: #fff; text-align: center; padding: 4px; font-size: .75em; font-weight: normal; border-radius: 3px;}

/* 감사 > 감사위원회 소개 > 조직 및 정현원  */
.org{position:relative;}
.org:before{content:'';display:block;width:1px;height: 213px;background:#aaa;position:absolute;top:0;left:50%;margin-left:-1px;}
.org_01{margin-bottom:30px; position:relative;}
.org_01 span{display:block; width:130px; height:130px; background:#bf3048; border-radius:50%; font-size:20px; color:#fff; text-align:center; margin:0 auto; line-height:130px; font-weight:500;}

.org_02 .org_item{margin-bottom:30px;}
.org_02 .org_item > p{position:relative; display:block; background:#2a2a2a; color:#fff; padding:26px 0; border-radius:5px; text-align:center; margin-bottom:15px;}
.org_02 .org_item > ul > li{position:relative; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:10px;}
.org_02 .org_item > ul > li > span{display:block; padding:17px 0; text-align:center; background:#f8f8f8; border-radius:5px;}
.org_02 .org_item > ul > li > ul{padding:15px 20px;}
.org_02 .org_item > ul > li > ul > li{margin-bottom:7px; padding-left:15px; position:relative;}
.org_02 .org_item > ul > li > ul > li:before{content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:50%; margin-top:-1.5px; left:0;}

.org_03{position:relative;overflow:hidden;z-index: 0;}
.org_03:after{content:'';display:block;position:absolute;bottom: -16px;left: 50%;background:#aaa;width:1px;height:50px;}
.org_03 div p{background:#365064;color:#fff;padding:20px 0;border-radius:5px;text-align:center;margin-bottom: 15px;}
.org_03 .right{margin-bottom: 34px;}

@media all and (min-width:768px){
	.org:before{height:252px}
	.org_02{position:relative;}
	.org_02:before{content:''; display:block; width:87%; height:1px; background:#aaa; position:absolute; top:0; left:50%; margin-left:-43.5%;}
	.org_02:after{content:''; display:block; clear:both;}
	.org_02 .org_item{float:left;width: 13%;margin-right: 1.5%;margin-top:35px;position:relative;}
	.org_02 .org_item:before{content:''; display:block; width:1px; height:35px; background:#aaa; position:absolute; top:-35px; left:50%; margin-left:-1px;}
	.org_02 .org_item:last-child{margin-right:0;}
	/*.org_02 .org_item > p {min-height:110px;}*/
	.org_03:after{width: 80%;height:1px;top: 28px;left: 138px;z-index: -1;}
	.org_03 div{float:left;}
	.org_03 div p{padding:20px 30px;float:left;margin-right:15px;margin-bottom: 0;}
	.org_03 .right{float:right;z-index: 10;position: relative;}
	.org_03 .right p{margin-right:0;}
}
@media all and (min-width:1024px){
	.org:before{height:260px}
	.org_02 .org_item{margin-right:1.5%;}
	.org_02 .org_item > ul{overflow:hidden;}
	.org_02 .org_item:first-child:before{height:100px;}
	.org_02 .org_item:first-child > ul{padding-top:65px;}
	.org_02 .org_item > ul > li > ul li{font-size:14px;}
	.org_02 .org_item > ul > li:last-child{margin-right:0!important;}
	.org_02 .org_item > span:after{display:none;}
	.org_02 .org_item > ul > li > ul{padding:10px}
	.org_02 .org_item > ul > li > ul > li{padding-left:7px; letter-spacing:-0.5px;}
	.org_03{width:80%; margin:0 auto;}
}