@charset "utf-8";

/*성주안내*/
/*연혁역사*/
.sub_010101 .sub_cont > ul > li {overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #dddddd;}
.sub_010101 .sub_cont .last {border-bottom: 0;}
.sub_010101 .sub_cont > ul > li > span {float: left; width: 25%; font-size: 16px; font-weight: 600;}
.sub_010101 .sub_cont .h5_ul {float: left; width: 75%; margin-left: 0}
.sub_010101 .h5_ul > li {margin-top: 0;}

/*성주소개_상징물*/
.sub_010102 .part {margin-bottom: 40px; }
.sub_010102 .part::after {content:''; display:table; clear:both;}
.sub_010102 .box { float: left; width: 256px; height: 216px; margin-right: 40px;}
.sub_010102 .box .box_inner { width: 256px; height: 216px; border: 2px solid #dddddd;}
.sub_010102 .box .img {position: absolute; top:10px; left:23px;}
.sub_010102 .part p {font-size: 15px; color:#555555; line-height: 28px;}
.sub_010102 .part a {margin-top: 30px;}
.sub_010102 .part .lisn_song {display: inline-block; width: 170px; height: 45px; border: 1px solid #dddddd; border-radius: 5px;margin:30px 20px 0 0; line-height: 45px; font-weight: 600; background: #ededed url(/ko/img/sub/ico_music.png) no-repeat 20px center; padding-left: 55px;}
.sub_010102 .part .music {display: inline-block; width: 96px; height: 45px; border: 1px solid #dddddd; border-radius: 5px;margin:30px 20px 0 0; line-height: 45px; font-weight: 600; background: #ededed; text-align: center;}
.sub_010102 .part .music_view { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; }
.sub_010102 .part .music_view::after { content:''; position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1; }
.sub_010102 .part .music_view dl {position:absolute; left:50%; top:50%; width:550px; max-width:94%; max-height:94%; padding:20px; transform:translate(-50%, -50%); background:#fff; border-radius:20px; z-index:2; overflow-y:auto; }
.sub_010102 .part .music_view dl dt {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.sub_010102 .part .music_view dl dt span {font-size:17px; font-weight:600; }
.sub_010102 .part .music_view dl dt a { display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin-top:0; }
.sub_010102 .part .music_view dl dt a::before {content:'X'; font-size:22px; font-weight:600; }
.sub_010102 .part .music_view dl dd {text-align:center;}
.sub_010102 .part .music_view dl dd img {width:100%; height:100%; object-fit:cover;}
.sub_010102 .part_last ul {overflow: hidden;}
.sub_010102 .part_last ul li {float: left; width: 298px; border: 1px solid #dddddd; margin-top: 10px; margin-bottom: 10px;}
.sub_010102 .part_last .center {margin: 10px 20px;}
.sub_010102 .part_last img {border-bottom: 1px solid #dddddd; }
.sub_010102 .part_last .text {font-size: 15px; color:#555555; line-height: 25px; padding: 20px;}
.sub_010102 .part_last .text .tit {font-size: 17px; color:#222222; font-weight: 600; margin-bottom: 7px;}

/*성주소개_기본현황*/
.sub_010103 .sub_tab li {width: 236px;}
.sub_010103 .part01 .box img {display: block; margin: 30px auto 0;}
.sub_010103 .part01 .box p {font-size: 14px;  color:#b80000; margin: 20px 30px;}
.sub_010103 .part01 > p {margin-top: 20px;}
.sub_010103 .text {float: right; font-size: 14px; color:#b80000;}
.sub_010103 .box {padding: 30px 0; clear: both;}
.sub_010103 .img {display: block; margin: 0 auto; max-width: 100%;}
.sub_010103 .tb_wrap {clear: both; overflow-x: hidden; margin-top: 30px;}
.sub_010103 .chart-wrapper {
  width: 95%;
  max-width: 900px;
  height: auto;
  min-height: 426px;
  margin: 0 auto;
}

/*면적기후*/
.sub_010302 .partWrap {overflow: hidden;}
.sub_010302 .partWrap .part01, .sub_010302 .partWrap .part02 {float: left; width: 50%;}
.sub_010302 .partWrap .part01 .box, .sub_010302 .partWrap .part02 .box {padding: 20px;}
.sub_010302 .partWrap .part01 {padding-right: 2%;}
.sub_010302 .partWrap .part02 {padding-left: 2%;}

/*성주소개_찾아오시는길*/
.sub_010401 .part01 ul {overflow: hidden;}
.sub_010401 .part01 ul li {float: left; width: 450px; height: 450px; margin-bottom: 30px;}
.sub_010401 .part01 .box {width: 100%; height: 100%; background: #edf1dc;}
.sub_010401 .part01 .box a {display:block;}
.sub_010401 .part01 .box .img {display: block; margin: 0 auto;}
.sub_010401 .part01 dl {width: 100%; height: 115px; border-top: 1px solid #dddddd; background: #fff; position: absolute; bottom:0; padding: 20px 15px 0;}
.sub_010401 .part01 dl dt {font-size: 17px; color:#0066b3; font-weight: 600;}
.sub_010401 .part01 .box.dobo img {width:100%;}
.sub_010401 .part01 .box.dobo dl {padding:20px 15px; height:auto; position:static;}
.sub_010401 .part01 .box.dobo dl dd.bd {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;}

/*성주소개_청사안내*/
.sub_010501 .part01 .box {background: #f1f1f1; padding: 13px 40px; height: 550px;}
.sub_010501 .part01 .box > ul::after { content:''; display:table; clear:both;}
.sub_010501 .part01 .box > ul > li {float: left; margin-right: 12px;}
.sub_010501 .part01 .box > ul > li > a {display: inline-block; font-size: 17px; font-weight: 600; width: 40px; height: 25px; text-align: center; line-height: 25px; text-transform: uppercase;}
.sub_010501 .part01 .box > ul > li.on >a {color:#fff; background: #0066b3; border-radius: 30px;}
.sub_010501 .part01 .box .depth02 {position: absolute; top:50px; left:0;width: 100%; height: 91%; background: #fff; border-top: 1px solid #dddddd;}
.sub_010501 .part01 .box .depth02 li img {display: block; margin:  43px auto 0;}
.sub_010501 .part01 .tb_wrap {margin-top: 30px;}
.sub_010501 .part01 .tb_wrap tbody tr th {text-align: left; padding-left: 20px;}
.sub_010501 .part02 img {display: block; margin: 30px auto 0;}

/*조직도*/
.sub_010601 .part01 .org {background: url(/ko/img/sub/sub01/bg_organ_2022.gif) no-repeat center 34%;}
.sub_010601 .org .org01 .num01 a {display: block; width: 120px; height: 120px; border: 5px solid #0066b3; border-radius: 60px; text-align: center; line-height: 109px; font-size: 23px; font-weight: 600; margin: 30px auto 0; background: #fff;}
.sub_010601 .org .org01 .num02 a {display: block; width: 175px; height: 40px; border-radius: 20px; background: #0066b3; color:#fff; font-size: 18px; font-weight: 600; text-align: center; line-height: 40px; margin: 20px auto 0;}
.sub_010601 .org .org02 {margin-top: 10px; /*margin-left: 60%;*/}
.sub_010601 .org .org02 li {margin-bottom: 5px;}
.sub_010601 .org .org02 li a {display: inline-block; width: 175px; height: 40px; color: #fff; font-weight: 600; text-align: center; line-height: 40px; border-radius: 20px;}
.sub_010601 .org .org02 .num03-1 { margin-right: 60%; text-align:right; }
.sub_010601 .org .org02 .num03-1 a {background: #5e5e5e;}
.sub_010601 .org .org02 .num03 { margin-left: 60%;}
.sub_010601 .org .org02 .num03 a {background: #5e5e5e;}
.sub_010601 .org .org02 .num04 {text-align:center;}
.sub_010601 .org .org02 .num04 a {background: #0f874b; margin:0 auto;}
.sub_010601 .org .org03 {overflow: hidden; margin-top: 50px;}
.sub_010601 .org .org03 > li { float:left; width:20%; padding:5px ; }
.sub_010601 .org .org03 > li a {display: block; background: #f0f0f0; border: 1px solid #888; border-radius: 10px; text-align: center; line-height: 38px; font-size: 16px; font-weight: 600;}
.sub_010601 .part02 ul::after { content:''; display:table; clear:both;}
.sub_010601 .part02 ul li {float: left; margin-right: 22px; margin-bottom: 5px;}
.sub_010601 .part02 ul li.last {margin-right: 0;}
.sub_010601 .part02 ul li a {display: block; width: 170px; height: 38px; background: #f0f0f0; border: 1px solid #888; border-radius: 10px; text-align: center; line-height: 38px; font-size: 16px; font-weight: 600;}
.sub_010601 .part03 .tb_wrap .th {background: #f3f3f3; text-align: center; font-weight: 600; vertical-align:middle;}
/* 조직도 - 20251204 수정 */
.org_new .num1 > li > div  {display:flex; align-items:center; justify-content:center; width:120px; height:120px; border-radius:50%; border:5px solid #0066b3; background:#fff; font-size:25px; font-weight:600; margin:30px auto; }
.org_new .num2 > li { position:relative; }
.org_new .num2 > li > a,
.org_new .num3 > li > a { display:flex; align-items:center; justify-content:center; width:20%; height:45px; border-radius:10px; background:#0066b3; color:#fff; font-weight:600; margin:20px auto; }
.org_new .num3 > li:first-of-type > a { position:absolute; right:0; top:0; background:#555;}
.org_new .num3 > li > a {background:#0f874b; margin:40px auto 20px;}
.org_new .num4 { position:relative; display:flex; flex-wrap:wrap; margin-top:30px; }
.org_new .num4 > li { position:relative; width:calc((100% - 40px)/5); margin:10px 0 0 10px; }
.org_new .num4 > li:nth-of-type(5n+1) {margin-left:0;}
.org_new .num4 > li > a { display:flex; align-items:center; justify-content:center; height:45px; border-radius:10px; border:1px solid #888; background:#f0f0f0; }
/*조직도선*/
.org_new .num2 > li::before {content:''; position:absolute; left:50%; top:-40px; width:1px; height:200px; background:#888; z-index:-1;}
.org_new .num2 > li::after {content:''; position:absolute; left:50%; top:60px; width:50%; height:1px; background:#888; z-index:-1;}
.org_new .num4::before {content:''; position:absolute; left:50%; top:-10px; width:calc(80% + 8px); height:1px; background:#888; transform:translateX(-50%); z-index:-1; }
.org_new .num4 > li:nth-of-type(1)::before,
.org_new .num4 > li:nth-of-type(2)::before,
.org_new .num4 > li:nth-of-type(3)::before,
.org_new .num4 > li:nth-of-type(4)::before,
.org_new .num4 > li:nth-of-type(5)::before {content:''; position:absolute; left:50%; top:-20px; height:20px; width:1px; background:#888; z-index:-1; }
@media all and (max-width:768px){
  .org_new .num2 > li > a, 
  .org_new .num3 > li > a { width:30%; }
  .org_new .num4 > li { width:calc((100% - 20px)/3); }
  .org_new .num4 > li:nth-of-type(5n+1) {margin-left:10px;}
  .org_new .num4 > li:nth-of-type(3n+1) {margin-left:0;}
  /*조직도선*/
  .org_new .num4::before { width:calc(66% + 10px);}
}


/*성주소개_교통정보*/
.sub_010801 .part01_01 .tel {float: right;}
.sub_010801 .h5_ul {clear: both;}
.sub_010801 .h5_ul {margin-left: 0;}

/*성주소개_자매결연*/
.tb1_st2 td img {vertical-align: middle;}
.tb1_st1 .tb1_st2 tr td.map img {max-width:752px; width:100%;}
.sub_010901 .tb1_st2 th {padding:10px 20px !important;}
.sub_010901 .tb1_st1 tbody a.homepage{background: url(/ko/img/sub/ico_blank.png) no-repeat center right !important;padding-right: 15px; color:#0a5ccc; text-decoration:underline;}

/*성주소개_성주비전*/
.sub_011001 .h5_ul {margin-left: 0;}
.sub_011002 .box {padding: 35px;}
.sub_011002 .box ul {overflow: hidden;}
.sub_011002 .box ul li {float: left; width: 32%;}
.sub_011002 .box ul li a:hover {text-decoration: underline;}
.sub_011003 .part01 {position: relative;}
.sub_011003 .part01 .bg {display: block; width: 100%; height: 77px; background: url(/ko/img/sub/sub01/ebook_bg.png) no-repeat left center; position: absolute; top:183px; left:0;}
.sub_011003 .part01 > ul {overflow: hidden;}
.sub_011003 .part01 > ul > li {float: left; width: 50%; text-align: center;}
.sub_011003 .part01 > ul > li img {margin-bottom: 40px;}
.sub_011003 .part01 > ul > li p {font-size: 25px; color:#0066b3; font-weight: 600;}
.sub_011003 .part01 > ul > li p span {color:#222222;}
.sub_011003 .part01 > ul > li a {display: inline-block; height: 46px; border-radius: 5px; border: 1px solid #dddddd; line-height: 43px;  padding:0 20px 0 55px; margin: 0 auto; font-weight: 600; margin-top: 17px;  background:#ededed url(/ko/img/sub/sub01/ebook_ico.png) no-repeat 20px center;}


/*성주소개_행정서비스헌장*/
.sub_011101 .part02 .box {width: 100%; border: 1px solid #dddddd; background: #f6f6f6; padding: 30px;}
.sub_011101 .part02 dl {font-size: 16px; margin-bottom: 10px; overflow: hidden;}
.sub_011101 .part02 .last {margin-bottom: 0;}
.sub_011101 .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_011101 .part02 dl dd {margin-top: 18px;}
.sub_011101 .part02 .text dd {margin-top: 5px;}
.sub_011102 .depth01 {margin-left: 10px;}
.sub_011102 .depth01 > li {font-size: 18px; color:#1077c4; font-weight: 600;}
.sub_011102 .depth02 {margin-left: 30px;}
.sub_011102 .depth02 > li {font-size: 15px; color:#555555; font-weight: 400; list-style: decimal;}
.sub_011102 .depth03 {margin-left: 20px; margin-bottom: 20px;}
.sub_011102 .depth03 > li {list-style: lower-alpha;}

/*군정소식-성주군 소식지*/
.sub_011207 .title{ overflow: hidden;}
.sub_011207 .title h3{ color: #222222;font-size: 30px; float: left; font-weight: 600;}
.sub_011207 .title h3 span{ color: #0066b3;}
.sub_011207 .title p{float: left; margin-left: 20px; vertical-align: bottom; line-height: 40px;}
.sub_011207 .tab01 {width: 100%; padding: 12px 22px; background: #f3f3f3; border: 1px solid #dfdfdf; border-radius: 7px;}
.sub_011207 .tab01 ul {overflow: hidden;}
.sub_011207 .tab01 ul li {float: left; margin: 0 12px;}
.sub_011207 .tab01 ul li a.on {color:#0066b3; font-weight: 600;}
.sub_011207 .list { clear: both; overflow: hidden; margin-top: 30px;}
.sub_011207 .list li{ width: 25%; float: left; min-height: 278px; margin-bottom: 35px; text-align: center; position: relative;}
.sub_011207 .list li a{ display: block; width: 100%; height: 100%; min-height: 278px;}
.sub_011207 .list li img{ max-width: 100%;}
.sub_011207 .list li .title_area{ width: 100%; height: 96px; background: url(/ko/img/sub/sub01/title_area_bg.png) no-repeat center center; background-size: cover; position: absolute; bottom: 0; left: 0;}
.sub_011207 .list li .title_area p .blank{ display: block;}
.sub_011207 .list li .title_area p { width: 100%; text-align: center; position: absolute; bottom: 5px; font-size: 14px; line-height: 17px;}

@media all and (max-width:1023px) {
  /*성주소개_찾아오시는길*/
  .sub_010401 .part01 ul li {width: 48%; margin: 1%;}
  .sub_010401 .part01 .box .img {width: 100%;}

  /*조직도*/
  .sub_010601 .part02 ul li {width: 18.4%; margin-right: 2%;}
  .sub_010601 .part02 ul li a {width: 100%;}
  .sub_010601 .part03 .tb_wrap .th {padding: 10px 5px;}
}
@media all and (max-width:768px) {
  .sub_010601 .part02 ul li {width: 32%;}
}


@media all and (max-width:900px) {
  /*성주소개_상징물*/
  .sub_010102 .part_last ul li {width: 32%; min-height: 371px;}
  .sub_010102 .part_last ul li img {width: 100%;}
  .sub_010102 .part_last .center {margin: 10px 2%;}

  /*성주소개_기본현황*/
  .sub_010103 .part01 .box img {width: 100%;}
  .sub_010103 .part01 .box p {margin: 20px 15px;}

  /*면적기후*/
  .sub_010302 .part02 {margin-top: 50px;}
  .sub_010302 .partWrap .part01, .sub_010302 .partWrap .part02 {float: none; width: 100%;}
  .sub_010302 .partWrap .part01 .box img, .sub_010302 .partWrap .part02 .box img {display: block; margin: 0 auto;}

  /*주요업무추진계획*/
  .sub_011002 .box {padding: 20px;}
  .sub_011002 .box ul li {width: 31%;}
}

/*태블릿*/
@media all and (max-width:768px) {
  .sub_010103 .img {width: 79%;}
  .sub_010103 .tb_wrap {overflow-x: auto;}
  .sub_010401 .part01 ul li {height: 410px;}
  .sub_010501 .part01 .box .depth02 li img {width: 95%;}
  .sub_010501 .part02 img {width: 100%;}
  .sub_010601 .part01 .org {background: url(/ko/img/sub/sub01/bg_organ01_2022.gif) no-repeat center 25%; background-size:30% 275px; }
  .sub_010601 .org .org03 > li { width:50%; padding:5px; }

  .sub_011101 .part02 dl dd {margin-top: 5px;}
  .sub_011101 .part02 .text dd {margin-top: 5px;}

  /*주요업무추진계획*/
  .sub_011002 .box ul li {width: 46%;}
  .sub_011003 .part01 .bg {display: none;}
  .sub_011003 .part01 > ul > li {float: none; width: 100%;}
  .sub_011003 .part01 > ul > li img {margin-top: 50px; margin-bottom: 30px;}

  /*군정소식-성주군 소식지*/
  .sub_011207 .list li{ width: 50%;}
  .sub_011207 .list li .title_area{ bottom: -2px;}

}

/*모바일*/
@media all and (max-width:480px) {
  .sub_010101 .sub_cont > ul > li > span {width: 100%;}
  .sub_010101 .sub_cont .h5_ul {width:100%; margin-left: 0;}

  .sub_010103 .sub_tab li {width: 50%;}
  /*성주소개_상징물*/
  .sub_010102 .box {width: 100%; margin: 0 0 15px 0;}
  .sub_010102 .box .img {left:0; width: 216px; margin: 0 auto; display: block; position: relative;}
  .file_down, .ai_down {margin-top:20px;}
  .sub_010102 .part_last ul li {width: 100%;}
  .sub_010102 .part_last .center {margin: 0;}

  .sub_010302 .partWrap .part01 .box img, .sub_010302 .partWrap .part02 .box img {width: 100%;}

  .sub_010401 .part01 ul li {width: 100%; height: 437px;margin: 1% 0;}

  .sub_010501 .part01 .box {padding: 13px; background: #fff; height: 86vw;}
  .sub_010501 .part01 .box > ul > li {margin-right: 0;}
  .sub_010501 .part01 .box .depth02 {height: auto;}

  .sub_011101 .part02 .box {padding: 30px 15px;}
  .sub_011101 .part02 dl dd {margin-top: 0px;}
  .sub_011101 .part02 .text dd {margin-top: 0px;}

  /*군정소식-성주군 소식지*/
  .sub_011207 .title p{ clear: both; line-height: 23px; margin-top: 10px; margin-left: 0;}

}
/*모바일_아이폰5이하*/
@media all and (max-width:360px) {
  /*성주소개-상징물*/
  .file_down,.sub_010102 .part .lisn_song {margin: 30px 10px 0 0;}
  /*성주소개_기본현황*/
  .sub_010103 .part01 .box p {line-height: 20px;}
  .sub_010401 .part01 ul li {height: 395px;}
  .sub_010501 .part01 .box {padding: 13px 8px;}
}



/* 성주소개- 자동차보험 */
.car_221101 .h6_ul li{margin-left: 23px;}
.step_221101 { overflow: hidden; margin: 15px 0;}
.step_221101 > li {position:relative; box-sizing: border-box; padding-bottom: 33px;}
.step_221101 > li::after{position: absolute; content: ""; background: url('/ko/img/sub/step-arrow-1101.png') no-repeat; bottom: 3px; left: 50%; transform: translateX(-50%); width: 26px; height: 24px;}
.step_221101 > li:last-child::after{display: none;}
.step_221101 > li dt { position:absolute; left:0; top:0; width:180px; height: 100%; color: #333; font-size:15px;font-weight: 600; text-align: center; background: #f0f8ff; border-radius: 9px 0 0 9px; display: flex; align-items: center; justify-content: center;}
.step_221101 > li dl{ position: relative; padding: 15px 15px 15px 200px; border: 2px solid #1077C4; border-radius:10px;}
/* .step_221101 > li:last-child { padding-bottom: 0px; background: none}

.step_221101 > li dt { position:absolute; left:0; top:15px; width:180px; color: #333; font-size:15px;font-weight: 600; text-align: center;  }
.step_221101 > li dd {font-size:13px;padding-left: 10px; background: url('/car/img/common/bul_arrow.gif') no-repeat 0 8px;} */
@media all and (max-width:640px) {
  .step_221101 > li dl{ padding: 15px !important; background: none }
	.step_221101 > li dt { position:relative; left:inherit; top:inherit; width:inherit; text-align: center;margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px dashed #879ebf; background: transparent; border-radius: 0;}
	.step_221101 > li dt br { display: none}
}

.box_1101{padding: 20px 30px; background: #f9f9f9;}
.box_1101 p{margin: 5px 0;}