@charset "utf-8";

/*민원창구서비스헌장*/
.sub_020102 .part02 .box {width: 100%; border: 1px solid #dddddd; background: #f6f6f6; padding: 30px;}
.sub_020102 .part02 dl {font-size: 16px; margin-bottom: 10px; overflow: hidden;}
.sub_020102 .part02 dl dt {width: 60px; height: 60px; border-radius: 3px; background: #0066b3; color:#fff; font-weight: 600; text-align: center; line-height: 60px; float: left; margin-right: 20px; margin-bottom: 5px; box-shadow: 5px 5px #dddddd}
.sub_020102 .part02 dl dd {margin-top: 18px;}
.sub_020102 .depth01 {margin-left: 10px;}
.sub_020102 .depth01 > li {font-size: 18px; color:#1077c4; font-weight: 600;}
.sub_020102 .depth02 {margin-left: 30px;}
.sub_020102 .depth02 > li {font-size: 15px; color:#555555; font-weight: 400; list-style: decimal;}

/*민원실안내도*/
.sub_020103 .part02 .img01 {width: 100%; height: 720px; background-image: url('/ko/img/sub/sub02/img_07_240625.gif'); background-repeat: no-repeat; background-position: center center; background-size: 100%; position: relative; text-indent: -99999px;}

/*민원편람*/
.sub_020104 .part02 ul {overflow: hidden; width: 100%; margin-top: 10px;}
.sub_020104 .part02 ul li {float: left; width: 18%; margin: 0.3% 1%; background: #f0f0f0; border: 1px solid #dbdbdb; border-radius: 8px; padding: 5px; text-align: center;}
.sub_020104 .part02 ul li a {font-weight: 500; word-break: keep-all;}

/*e하나로 민원서비스*/
.sub_020204 .part01 p {margin-left: 30px;}
.sub_020204 .part02 > ul {margin-left: 30px; overflow: hidden;}
.sub_020204 .part02 > ul > li {width: 49%; min-height: 270px; margin-bottom: 2%; border: 1px solid #d0d0d0; float: left; border-radius: 7px;}
.sub_020204 .part02 > ul > li:nth-child(2n-1) {margin-right: 2%;}
.sub_020204 .part02 > ul > li > p {font-size: 14px; padding: 0 24px 7px; line-height: 18px;}
.sub_020204 .part02 .list {font-size: 16px; font-weight: 600; padding: 12px 24px; background: #ededed;}
.sub_020204 .part02 > ul > li img {display: block;}
.sub_020204 .part02 .info {font-size: 13px; padding-bottom: 0; padding-left: 32px; background: url(/ko/img/sub/sub02/bullet_01.png) no-repeat 24px 6px;}
.sub_020204 .part02 .cont01 img {margin: 20px auto;}
.sub_020204 .part02 .cont02 img {margin: 35px auto;}
.sub_020204 .part02 .cont03 img {margin: 27px auto;}
.sub_020204 .part02 .cont04 img {margin: 25px auto;}
.sub_020204 .part03 .saeol_down {margin: 10px 0 0 17px;}

/*편리한 민원제도_무인민원발급안내*/
.sub_020205 .part01_01 .box {width: 245px; height: 214px; float: left; margin-right: 20px; margin-top: 10px;}
.sub_020205 .part01_01 .box .img {display: block; margin: 7px auto}
.sub_020205 .part01_01 .text_box {margin-left: 270px;}
.sub_020205 .part01_01 .text_box li dl dt {font-weight: 600; float: left; background: url(/ko/img/sub/ico_bl02.png) no-repeat left 11px; padding-left: 10px;}
.sub_020205 .part01_01 .text_box li dl dd {margin-left: 75px;}
.sub_020205 table {word-break:normal;}

/*편리한 민원제도_폐업신고간소화 대상업종안내*/
.sub_020207 .part01_01 ul li p span {font-weight: 600;}
.sub_020207 table {word-break: keep-all;}

/*여권_야간여권 및 국제운전면허증 발급 안내*/
.sub_020702 table ul li {background: url(/ko/img/sub/ico_bl03.png) no-repeat left 10px; padding-left: 7px;}

/*민원후견인제*/
.sub_020209 .procedure {overflow:hidden; font-weight:bold;}
.sub_020209 .procedure > div {padding-bottom:60px; background:url('/ko/img/sub/sub02/img_08.gif') no-repeat 15% 93%;}
.sub_020209 .procedure > div.last {padding-bottom:0; background:none;}
.sub_020209 .procedure > div span {display:block; float:left; width:5%; margin-right:20px; height:120px; border:1px solid #d2dfe8; background:#f1f7fb; text-align:center; line-height:120px;}
.sub_020209 .procedure > div dl {overflow:hidden; height:120px;}
.sub_020209 .procedure > div dl dt {float:left; width:20%; margin-right:20px; height:120px; border:1px solid #d2dfe8; background:#f1f7fb; padding-top:35px; text-align:center;}
.sub_020209 .procedure > div dl dd {overflow:hidden; height:120px; border:1px solid #d2dfe8;}
.sub_020209 .procedure > div dl dd > ul {float:left; margin-top:3px;}

@media (max-width: 1024px) {
	.sub_020103 .part02 .img01 {height: 79vw;}
}

@media all and (max-width:768px) {
  .sub_020102 .part02 dl dd {margin-top: 5px;}
  .sub_020104 .part02 ul li {width: 23%; font-size: 13px;}
  .sub_020204 .part02 .cont01 img {margin: 9px auto;}
  /*민원후견인제*/
  .sub_020209 .procedure > div {background-position:50% 95%;}
  .sub_020209 .procedure > div span {float:none; width:100%; height:auto; margin-right:0; margin-bottom:5px; line-height:30px}
  .sub_020209 .procedure > div dl {height:auto;}
  .sub_020209 .procedure > div dl dt {float:none; width:100%; height:auto; margin-right:0; margin-bottom:5px; padding:5px 0;}
  .sub_020209 .procedure > div dl dd {height:auto; padding-bottom:10px; padding-right:3px; box-sizing:border-box;}
  .sub_020209 .procedure > div dl dd > ul {float:none;}
}


/*모바일*/
@media all and (max-width:480px) {
  .sub_020102 .part02 .box {padding: 30px 15px;}
  .sub_020102 .part02 dl dd {margin-top: 0px;}
  .sub_020102 .part02 dl dt {margin-bottom: 18px;}

  .sub_020104 .part02 ul li {width: 48%;}

  .sub_020204 .part02 > ul > li {width: 100%;}
  .sub_020204 .part02 > ul > li:nth-child(2n-1) {margin-right: 0;}
  .sub_020204 .part02 .info {padding-bottom: 7px;}
  /*편리한 민원제도_무인민원발급안내*/
  .sub_020205 .part01_01 .box {width: 100%; height: 100%; margin-bottom: 10px;}
  .sub_020205 .part01_01 .box .img {width: 96%;}
  .sub_020205 .part01_01 .text_box {margin-left: 0;}

  /*편리한 민원제도_폐업신고간소화 대상업종안내*/
  .sub_020207 table {width: 600px;}
  .sub_020207 img {width: 100%;}

  /*편리한 민원제도_민원사전심사청구제도*/
  .sub_020208 .tb_wrap01 {overflow-x: auto;}
  .sub_020208 .tb_wrap01 .tb1_st1 {width: 700px;}

}

/*군민참여 입법*/
.legislation_process {background:#fafafa; text-align:center; padding:30px 2%}
.legislation_process dl {display:inline-block; width:25%; border-radius:5px; margin:0 2.5%;}
.legislation_process dl dt,
.legislation_process dl dd {padding:10px 2%; font-weight:bold;}
.legislation_process dl dt {background:#48637b; color:#fff;}
.legislation_process dl dd {background:#e2e6ea;}
@media all and (max-width:640px){
	.legislation_process dl {width:28%; margin:0 1%;}
}
@media all and (max-width:480px){
	.legislation_process dl {width:100%; margin:5px 2%;}
}