@charset "utf-8";
@import url("sj.css");
@import url("yj.css");

.table tbody .td_row {background-color: #fafafa;color: #666666; font-weight: bold; text-align: center;}

.se01a_greetings{}
.se01a_greetings .top{position: relative; margin-bottom: 20px; padding: 65px; background-color: #ebf3fc;min-height: 300px;}
.se01a_greetings .top:after{content: "";display: block;clear: both;}
.se01a_greetings .top .sub{float: left; width: 55%;font-weight: bold;color: #0d1218;}
.se01a_greetings .top .sub .sub_tit{font-size: 28px; line-height: 38px; font-family: 'shs';}
.se01a_greetings .top .sub .sub_tit span{color: #0b5bbc; font-family: 'shs';}
.se01a_greetings .top .sub p{margin-top: 30px; font-family: 'shs';}
.se01a_greetings .top .se01a_greetings_img{float:left;width:40%; position: absolute;top:-10px;right: 20px; border: 3px solid #fff;}
.se01a_greetings .sign{text-align: right;font-size: 17px;line-height: 36px;color: #121212;}
.se01a_greetings .sign img{padding-left: 20px;}
.se01a_greetings .m_txt{margin-top: 25px;font-size: 18px;line-height: 24px;color: #121212;}
@media screen and (max-width: 1320px){
   .se01a_greetings .top { min-height: auto;}
}
@media screen and (max-width: 767px){
   .se01a_greetings .top .sub{width: 60%;}
   .se01a_greetings .top .sub .sub_tit{font-size: 20px;line-height: 30px;}
   .se01a_greetings .top .se01a_greetings_img{width:38%;}
}
@media screen and (max-width: 640px){
   .se01a_greetings .top{padding: 20px 30px;}
   .se01a_greetings .top .sub,
   .se01a_greetings .m_txt p{float: none;width: 100%;}
   .se01a_greetings .top .se01a_greetings_img{display:none;}
   .se01a_greetings .m_txt p.right{padding-left: 0;}
}

 /* sub01_03_04 비공개대상정보의 유형안내  */
 .s010304 .ui-topbox .txtwrap b {font-size:18px; color:#114ab0;}

 /* sub01_03_06 정보공개 관련법령 다운로드  */
 .s010306 .ui-banner__box .item {min-height:99px;}
 @media(max-width:1180px){
   .s010306 .ui-banner__box .item {min-height:120px;}
   .s010306 .ui-banner__box .item br {display:none;}
 }
 @media(max-width:1023px){
   .s010306 .ui-banner__box .item {min-height:99px;}
 }
 @media(max-width:895px){
   .s010306 .ui-banner__box .item {min-height:120px;}
 }
 @media(max-width:767px){
   .s010306 .ui-banner__box .item {min-height:auto;}
 }

 /* sub01_11_01_01 2019년, sub01_03_03_02 2018년 */
 .s01110101 .th_st {font-weight: bold;background-color: #f9f9f9; color: #09326d; font-size: 15px; border-top: 1px solid #e9ecef; border-bottom: 1px solid #dbdbdb; }
 .s01110101 table sup {vertical-align: top;}
 .s01110101 .unit.s01_11_01_01_02 {margin:0 0 10px 0;}
 .s01110101 .unit.s01_11_01_01_02 .text-right {margin-top: -30px;}
@media(max-width:500px){
  .s01110101 .unit.s01_11_01_01_02 .text-right {float:none; display:block; margin-top:20px;}
}
 /* sub02_01_03 민원후견인제도 */
.s020103 .ui-list__column .inner .item {min-height: 280px;}
.s020103 .ui-list__column .inner .item .ui-summary p>span {display: block;}
@media(max-width:1279px){
  .s020103 .ui-list__column .inner .item .ui-summary p>span {display: inline-block;}
}
@media(max-width:767px){
  .s020103 .ui-list__column .inner .item {min-height: auto;}
}

/* sub02_01_04 사전심사청구제도 */
.s020104 .ui-banner__box .item {min-height:95px;}
@media(max-width:1150px){
  .s020104 .ui-banner__box .item {min-height:115px;}
}
@media(max-width:1023px){
  .s020104 .ui-banner__box .item {min-height:95px;}
}
@media(max-width:870px){
  .s020104 .ui-banner__box .item {min-height:115px;}
}
@media(max-width:767px){
  .s020104 .ui-banner__box .item {min-height:auto;}
}

/* sub02_01_05_01 민원편의시책 */
.s02010501 .se16b_titletop {margin-bottom:20px;}
.s02010501 .txt-box1 {margin-top:20px;}
@media(max-width:680px){
  .s02010501 .se16b_titletop strong {padding-right:40%;}
  .s02010501 .se16b_titletop strong:after {height:112px; background-size: cover;}
  .s02010501 .se16b_titletop strong:before {bottom: 50%; transform: translateY(50%);}
}
@media(max-width:550px){
  .s02010501 .se16b_titletop strong {padding-right:23px;}
  .s02010501 .se16b_titletop strong:after {display:none;}
  .s02010501 .se16b_titletop strong:before {right: -9px; bottom: -25px; transform: none; opacity: 0.5;}
}

/* sub02_01_08 110수화(화상)/채팅상담 */
.s020108 iframe {width:100%; height:1000px; border:0; overflow: auto;}
@media(max-width:600px){
    .s020108 iframe {height:500px;}
}

/* sub02_02_01 정부24 안내 */
.s020201 .infobox .inner .txtwrap p {margin-bottom:40px;}

/* sub02_02_06 대형폐기물수거신청 */
.s020206 .modal:before{content:'';display:inline-block;height:100%;width:0;margin-left:-1em;vertical-align:middle}
.s020206 .modal__open{overflow:hidden;height:100%}
.s020206 .modal__open .modal{overflow-x:hidden;overflow-y:auto;z-index:99999}
.s020206 .modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.6)}
.s020206 .modal__body{position:fixed;top:50%;left:50%;display:inline-block;width:600px;height:500px;margin:-1% auto 0;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left;padding: 55px 0 0 0;}
.s020206 .modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.s020206 .modal .modalTitle,.modal__title{font-size:1.2em;color:#000}
.s020206 .modal__content{position:relative;height:100%;padding:20px;overflow-y:auto;}
.s020206 .modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.s020206 .modal__close{position:absolute;top:0;right:0;font-size:0}
.s020206 .modal__close-button span{display:inline-block;width:50px;height:50px;background:#345aa0;}
.s020206 .modal__close-button span:after,.modal__close-button span:before{display:inline-block;position:absolute;top:50%;left:50%;background-color:#fff;vertical-align:middle;transform:rotate(-45deg);content:'';}
.s020206 .modal__close-button span:before{left:50%;width:48px;height:1px;margin-top:0;margin-left:-24px}
.s020206 .modal__close-button span:after{width:1px;height:48px;margin-top:-24px}
.s020206 .modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.s020206 .modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}
.s020206 .modal--images .modal__body{width:auto;margin-bottom:0}
.s020206 .modal--images .modal__content{padding:0;font-size:0;line-height:0}
.s020206 .modal--images .modal__content img{max-width:800px!important;max-height:600px!important}
.s020206 .modal {overflow-y: hidden;}

.s020206 .ui-process.type5.step5>li {min-height:190px;}

@media(max-width:1160px){
  .s020206 .ui-process.type5.step5>li {min-height:215px;}
}
@media(max-width:1200px){
  .s020206 .ui-process.type5.step4>li {min-height:220px;}
  .s020206 .ui-process.type5.step5>li {min-height:215px;}
}
@media(max-width:1023px){
  .s020206 .ui-process.type5.step5>li {min-height:215px;}
  .s020206 .ui-process.type5.step4>li {min-height:180px;}
}
@media(max-width:985px){
  .s020206 .modal--images .modal__content img{max-width:600px!important;max-height:500px!important}
}
@media(max-width:890px){
  .s020206 .ui-process.type5.step4>li {min-height:190px;}
}
@media(max-width:800px){
  .s020206 .ui-process.type5.step4 > li {min-height:215px;}
}
@media(max-width:770px){
    .s020206 .modal__close-button span{width:50px;height:50px}
    .s020206 .modal__close-button span:before{left:50%;width:28px;height:1px;margin-top:0;margin-left:-14px}
    .s020206 .modal__close-button span:after{width:1px;height:28px;margin-top:-14px}
}
@media(max-width:767px){
  .s020206 .modal__body {width:95% !important;}
  .s020206 .ui-process.type5.step5>li,
  .s020206 .ui-process.type5.step4>li {min-height:auto;}
  .s020206 .ui-process.type5.step5 > li:last-child,
  .s020206 .ui-process.type5.step4 > li:last-child {margin-bottom:20px;}
}
@media(max-width:640px){
  .s020206 .modal--images .modal__content img{max-width:300px!important;max-height:400px!important}
}

/* sub02_03_01 중구에바란다, sub02_03_04 환경신문고, sub02_03_05_02 공무원 부조리 신고  */
.s020301 iframe {width:100%; height:1000px; border:0; overflow: auto;}

/* sub02_03_02 나의 민원보기, sub02_03_06_03 나의신고/제안보기, sub02_03_07_02 나의제안 */
.s020302 iframe {width:100%; height:500px; border:0; overflow: auto;}

/* sub02_03_06_01 예산낭비 신고신청, sub02_03_06_02 예산낭비 절감제안  */
.s02030601 iframe {width:100%; height:1200px; border:0; overflow: auto;}
@media(max-width:1023px){
  .s02030601 iframe {height:1000px;}
}

/* sub02_03_07_01 공개제안보기 */
.s02030701 iframe {width:100%; height:1000px; border:0; overflow: auto;}
@media(max-width:1023px){
  .s02030701 iframe {height:600px;}
}

/* sub02_04_01_03 여권처리절차 및 쓰임새 */
@media(max-width:1240px){
  .s02040103 .ui-process.type5.step5>li {min-height:195px;}
}
@media(max-width:1060px){
  .s02040103 .ui-process.type5.step5>li {min-height:240px;}
}
@media(max-width:1023px){
  .s02040103 .ui-process.type5.step5>li {min-height:195px;}
}
@media(max-width:840px){
  .s02040103 .ui-process.type5.step5>li {min-height:240px;}
}
@media(max-width:767px){
  .s02040103 .ui-process.type5.step5>li {min-height:auto;}
}

/* sub02_06_08_03 쓰레기배출요령 */
.s02060803 .ui-list__column.type04 .inner .item .ir-icon.icon02 {background: url(/pcms/dist/img/p01/p01_list_type04_ir_2.png);}
.s02060803 .ui-list__column {margin-top:20px;}
.s02060803 .ui-list__column .inner .item {min-height:187px;}
@media(max-width:1200px){
  .s02060803 .ui-list__column .inner .item {min-height:215px;}
}
@media(max-width:1060px){
  .s02060803 .ui-list__column .inner .item {min-height:235px;}
}
@media(max-width:1023px){
  .s02060803 .ui-list__column .inner .item {min-height:187px;}
}
@media(max-width:940px){
  .s02060803 .ui-list__column .inner .item {min-height:215px;}
}
@media(max-width:800px){
  .s02060803 .ui-list__column .inner .item {min-height:235px;}
}
@media(max-width:767px){
  .s02060803 .ui-list__column .inner .item {min-height:auto;}
}

/* sub02_06_08_05 쓰레기배출요령 */
@media(max-width:1180px){
  .s02060805 .ui-list__column .inner .item {min-height:250px;}
}
@media(max-width:1023px){
  .s02060805 .ui-list__column .inner .item {min-height:auto;}
}
@media(max-width:900px){
  .s02060805 .ui-list__column .inner .item {min-height:250px;}
}
@media(max-width:767px){
  .s02060805 .ui-list__column .inner .item {min-height:auto;}
}

/* sub02_06_09_02 상설매장 */
.s02060902 .infobox .inner .txtwrap ul li span {width:100px;}
.s02060902 .infobox .inner .txtwrap ul li {padding-left: 100px;}
.s02060902 .infobox.type02 .images-circle {top:60px;}
@media(max-width: 1023px){
  .s02060902 .infobox.type02 .images-circle {top:auto;}
  .s02060902 .infobox .inner .txtwrap ul li {padding-left:0;}
}

/* sub02_06_09_03 벼룩시장 */
.s02060903 .infobox .inner .txtwrap ul li span {width:100px;}
.s02060903 .infobox .inner .txtwrap ul li {padding-left: 100px;}
.s02060903 .infobox.type02 .images-circle {top:25px;}
.s02060903 .ui-list__column .inner:nth-child(3) .item,
.s02060903 .ui-list__column .inner:nth-child(4) .item  {min-height:267px;}
@media(max-width: 1100px){
  .s02060903 .ui-list__column .inner:nth-child(3) .item,
  .s02060903 .ui-list__column .inner:nth-child(4) .item  {min-height:295px;}
}
@media(max-width: 1023px){
  .s02060903 .infobox.type02 .images-circle {top:auto;}
  .s02060903 .infobox .inner .txtwrap ul li {padding-left:0;}
  .s02060903 .ui-list__column .inner:nth-child(3) .item,
  .s02060903 .ui-list__column .inner:nth-child(4) .item  {min-height:267px;}
}
@media(max-width: 767px){
  .s02060903 .ui-list__column .inner:nth-child(3) .item,
  .s02060903 .ui-list__column .inner:nth-child(4) .item {min-height:auto;}
}

/* sub02_11_01 행정서비스헌장이란? */
.s021101 .program--search {display:none; margin:20px 0;}
.s021101 .program--search select {width:100%; min-height:50px;}
@media(max-width: 460px){
  .s021101 .program--search {display:block;}
  .s021101 .tab-ul.type2 li {display:none; width:100%;}
}

/* sub03_02 입찰정보 */
.s0302 iframe {width:100%; height:300px; border:0; overflow: auto;}

/* sub03_03 고시/공고 */
.s0303 iframe {width:100%; height:630px; border:0; overflow: auto;}

/* sub03_09 채용공고 */
.s0309 .ui-list__column .inner .item {min-height:340px;}
.s0309 .ui-list__column .inner .item img {width: 100px; margin: 25px;}
@media(max-width: 767px){
  .s0309 .ui-list__column .inner .item {min-height:auto;}
}

/* sub02_05_01_02 지방세의 종류 */
.s02050102 .tax_wrap {overflow: hidden; margin:30px 0;}
.s02050102 .tax_wrap .cont {float:left; width:calc(70% - 45.5px); margin-right:45px;}
.s02050102 .tax_wrap span {display:inline-block; min-height:55px; line-height:55px; color:#fff; border-radius: 5px;}
.s02050102 .tax_wrap .cont .dep1 {text-align: center;}
.s02050102 .tax_wrap .cont .dep1 .tit {position: relative; width: 40%; margin: 0 auto 40px; margin-bottom: 40px; background: #0d64b4 url(/images/kr/sub02/sub02_05_01_02_haert.png) no-repeat right; font-size: 19px; text-align: center;}
.s02050102 .tax_wrap .cont .dep1 .tit:before {content: ""; position: absolute; left: 50%; top: 55px; width: 1px; height: 30px; background: #e3e3e3; z-index: 0;}
.s02050102 .tax_wrap .cont .dep1 .tit:after {content: ""; position: absolute; left: 50%; margin-left: -4.5px; top: 75px; width: 10px; height: 16px; background: url(/pcms/dist/img/h4_bul_h.png)no-repeat; transform: rotate(90deg);}
.s02050102 .tax_wrap .cont .dep2 {position: relative;  width:100%; overflow: hidden;}
.s02050102 .tax_wrap .cont .dep2:before {content: ""; position: absolute; left: 25.1%; top: 0; width: 53.6%; height: 1px; background: #e3e3e3;}
.s02050102 .tax_wrap .cont .dep2 > li:nth-child(2):after {content: ""; position: absolute; left: 51%; top: 0; width: 10px; height: 1px; background: #e3e3e3;}
.s02050102 .tax_wrap .cont2 .dep2:before {display:none;}
.s02050102 .tax_wrap .cont .dep2 > li {position: relative; float:left; width:calc(50% - 23px); padding-left:25px; border-radius: 5px;}
.s02050102 .tax_wrap .cont .dep2 > li:nth-child(2) {margin-left:45px;}
.s02050102 .tax_wrap .cont .dep2 > li:before {content: ""; position: absolute; left: 0; top: 44px; width: 1px; height: 473px; background: #e3e3e3;}
.s02050102 .tax_wrap .cont .dep2 > li:nth-child(2):before {height:149px;}
.s02050102 .tax_wrap .cont2 .dep2 > li:before {height:278px;}
.s02050102 .tax_wrap .cont .dep2 span {position: relative; display:inline-block; width:100%; margin:15px 0 20px; background:#2b3c5b; font-size:17px; text-align: center;}
.s02050102 .tax_wrap .cont .dep2 span:before {content: ""; position: absolute; left: 50%; top: -15px; width: 1px; height: 14px; background: #e3e3e3;}
.s02050102 .tax_wrap .cont2 .dep2 span:before {display:none;}
.s02050102 .tax_wrap .cont .dep2 span:after {content: ""; position: absolute; left: -25px; top: 50%; width: 25px; height:1px; transform: translateY(-50%); background: #e3e3e3;}
.s02050102 .tax_wrap .cont .dep3 li {position: relative; width:100%; min-height: 55px; line-height: 55px; text-align: center; margin:8px 0; font-size:15px; color:#626262; border:1px solid #e3e3e3; border-radius: 5px;}
.s02050102 .tax_wrap .cont .dep3 li:after {content: ""; position: absolute; left: -25px; top: 50%; width:25px; height:1px; transform: translateY(-50%); background: #e3e3e3;}
.s02050102 .tax_wrap .cont2 {width:30%; margin-right:0;}
.s02050102 .tax_wrap .cont2 .dep1 {padding-left:25px;}
.s02050102 .tax_wrap .cont.cont2 .dep1 .tit {width:100%; background-color:#26a19c;}
.s02050102 .tax_wrap .cont2 .dep2 > li {width:100%;}

@media(max-width:767px){
  .s02050102 .tax_wrap .cont {width:100%; float:none; margin-right:0;}
  .s02050102 .tax_wrap .cont2 {width:100%;}
  .s02050102 .tax_wrap .cont .dep1 .tit {width:100%;}
  .s02050102 .tax_wrap .cont2 .dep1 {margin:30px 0; padding-left:0;}
}
@media(max-width:460px){
  .s02050102 .tax_wrap .cont .dep2 > li {width:100%; float:none;}
  .s02050102 .tax_wrap .cont .dep2 > li:nth-child(2):after,
  .s02050102 .tax_wrap .cont .dep2:before,
  .s02050102 .tax_wrap .cont .dep2 span:before {display:none;}
  .s02050102 .tax_wrap .cont .dep2 > li:before {height:105%;}
  .s02050102 .tax_wrap .cont .dep2 > li:nth-child(2) {margin-left: 0;}
  .s02050102 .tax_wrap .cont2 .dep2 > li::before {height:278px;}
}

/*sub06_07_09_03 각종 안전사고 예방조치*/
.s06070903 .img_txt_box {display: block;width: 100%;padding: 10px 0;background: #f9f9f9;}
.s06070903 .img_txt_box li {position: relative; display: block;width: 100%;padding: 10px 30px;overflow: hidden;}
.s06070903 .img_txt_box .txt-l img {float:left;}
.s06070903 .img_txt_box .txt-r img {float:right;}
.s06070903 .img_txt_box .txt-l p {position: absolute; padding-left: 235px; padding-right:25px; top: 50%; transform: translateY(-50%);}
.s06070903 .img_txt_box .txt-r p {position: absolute;  padding-right: 235px;  padding-left:25px;  top: 50%; transform: translateY(-50%);}
.s06070903 .ui-list__bodo.type1 .obj .item .inner {padding-left: 295px; min-height: 275px;}
.s06070903 .ui-list__bodo.type1 .obj .item .inner .circle{width: 283px;height: 221px;top: 50%;background: none; transform: translateY(-50%);}
@media (max-width: 767px){
    .s06070903 .ui-list__bodo.type1 .obj .item .inner .circle{top: 0; transform: none;}
    .s06070903 .ui-list__bodo.type1 .obj .item .inner{padding-left: 0;}
    .s06070903 .img_txt_box li {display: block;}
    .s06070903 .img_txt_box .r-img{margin: 0 auto;}
}
@media (max-width: 640px){
  .s06070903 .img_txt_box li {display: block;text-align: center;}
  .s06070903 .img_txt_box .txt-l img,
  .s06070903 .img_txt_box .txt-r img {float:none;}
  .s06070903 .img_txt_box .txt-l p,
  .s06070903 .img_txt_box .txt-r p {padding: 10px; position: static; margin-top: 30px; transform: none;}
}
/*sub06_07_09_03 각종 안전사고 예방조치 End*/

/* sub05_05_01 국제자매결연도시 */
.s050501 .ui-list__column {margin-top:30px;}
.s050501 .ui-list__column .inner .ui-summary strong {margin:10px 0 0; font-size:17px;}
.s050501 .ui-bodo__summary strong + p,
.s050501 .ui-bodo__summary strong + ul {text-align: left;}

/* sub05_01_03 조직운영 핵심지표 공개 */
.s050103 .table_box {position: relative; overflow: hidden;}
.s050103 .table_box .left {float:left; width:50%; margin-right:2%;}
.s050103 .table_box .right {float:right; width:48%; position: absolute; right:0; top:50%; transform: translateY(-50%);}

.s050103 .unit_box h2 {display:inline-block}
.s050103 .unit_box h2 + p {float:right; margin-top:13px;}

@media(max-width:1203px){
  .s050103 .table_box .right {position: static; margin-bottom:30px; transform: none;}
  .s050103 .table_box .left,
  .s050103 .table_box .right {float:none; width:100%; margin-right:0;}
}
@media(max-width:640px){
  .s050103 .unit_box h2 + p {float:none; margin-top:0;}
}
/* sub07_03 개인정보처리방침 */
.s0703 .txt-box2 {margin:20px 0;}
.s0703 .txt-box2 > .h3 {margin-top:0;}
@media(max-width:1120px){
  .s0703 .ui-banner__box .item {min-height:95px;}
}
@media(max-width:767px){
  .s0703 .ui-banner__box .item {min-height:auto;}
}

/* sub07_04 홈페이지개인정보처리방침 */
@media all and (min-width:1023px) and (max-width:1120px){
  .s0704 .ui-banner__box .item {min-height:95px;}
}
@media(max-width:840px){
  .s0704 .ui-banner__box .item {min-height:95px;}
}
@media(max-width:767px){
  .s0704 .ui-banner__box .item {min-height:auto;}
}

/* sub07_05 저작권정책 */
.s0705 .txt-box1 {overflow: hidden;}
.s0705 .txt-box1 div {float:left;}
.s0705 .txt-box1 > div {margin:0 30px 10px 0;}
.s0705 table td img {width: 270px;}
@media (max-width:767px){
	.s0705 .txt-box1 strong {width:auto;}
	.s0705 .txt-box1 strong:after {display:block;}
	.s0705 .txt-box1 p {padding-left:15px;}
}
@media (max-width:480px){
	.s0705 .txt-box1 strong {width:100%;}
	.s0705 .txt-box1 strong:after {display:none;}
	.s0705 .txt-box1 p {padding-left:0;}
}

/* sub06_07_11_04  화재애방요령 */
.s06071104 .mt_0 {margin-top:0;}
.s06071104 .img_wrap {display:table; width:100%; margin:15px 0;}
.s06071104 .img_wrap .right {display: table-cell; width: 78%; vertical-align: middle; padding-left:30px;}
.s06071104 .img_wrap .imgi {display: table-cell; width: 175px; vertical-align: middle; text-align: center;}
@media(max-width:767px){
  .s06071104 .img_wrap {display:inline-block; width:100%; margin:15px 0;}
  .s06071104 .img_wrap .right {display: inline-block; width: 100%; vertical-align: middle; padding-left:0;}
  .s06071104 .img_wrap .imgi {display: block; vertical-align: middle; margin: 0 auto 20px;}
}

/* sub06071103 주민신고요령 */
.s06071103 .imgbox_wrap {width:100%; overflow: hidden; margin: 20px 0;}
.s06071103 .imgbox_wrap .text-center{float:left; width:31.33%; margin:0 1%;}
@media(max-width:640px){
  .s06071103 .imgbox_wrap .text-center{float:none; width:100%; margin:1% 0;}
}

/* sub05_01_01 조직도 */
.s050101 {overflow: hidden;}
.s050101 #org {margin-top:30px;}
.s050101 #org a{letter-spacing: -2px;}
.s050101 #org a:hover,
.s050101 #org a:active,
.s050101 #org a:focus {text-decoration: underline;}
.s050101 #org {position: relative;}
.s050101 span {background:#eee; display:inline-block; width:100%; height:45px; line-height:45px; border-radius:5px; text-align: center;}
.s050101 span a {display:block; width:100%; height:100%; line-height:45px; letter-spacing: -2.7px !important;}
.s050101 .org-ul {position: relative; overflow: hidden; padding-bottom:30px; text-align: center; z-index:0;}
.s050101 .org-ul:before {content:""; position: absolute; left:24.4%; margin-left:-0.5px; width:1px; height:100%; background:#e3e3e3; z-index:-1;}
.s050101 .org-ul > li {float:left; width:48.5%;}
.s050101 .org-ul > li + li {width:50%;}
.s050101 .org-ul li .t_title {position: relative; width:156px; height:154px; margin:0 auto 20px; text-align: center; font-size:19px; color:#fff; background:none;}
.s050101 .org-ul li .t_title:before {content:""; position: absolute; right:-7px; bottom:0; width:149px; height:149px; background:url(/images/kr/sub05/sub05_01_01_bg.png) no-repeat; z-index:-1;}
.s050101 .org-ul li .t_title a {position: relative; color:#fff; line-height:154px; background:#007dc4; overflow: hidden; border-radius: 50%;z-index:0; font-weight: bold;}
.s050101 .org-ul li .t_title a:after {content:""; position: absolute; right:-7px; bottom:-10px; width:119px; height:103px; background: url(/images/kr/sub05/sub05_01_01_bg2.png)right bottom; z-index:-1; opacity: 1;}
.s050101 .lv2 span {width:200px; margin:0 auto 20px; font-size:16px; background:#39404b;}
.s050101 .lv2 span a {color:#fff;}
.s050101 .org-ul li:nth-child(2) ul .lv3 {float: none; width:100%;}
.s050101 .org-ul li:nth-child(2)  ul .lv3 span {max-width:200px;}
.s050101 .lv3 {position: relative; float:right; width:50%; margin-right:-70px}
.s050101 .lv3 li {text-align: right;}
.s050101 .lv3 li + li {margin-top:10px;}
.s050101 .lv3 li span {max-width:200px;}
.s050101 .org-ul .lv3::before {content: ""; position: absolute; top: 50%; left: -70px; transform: translateY(-50%); width:70px; height: 1px; background: #e3e3e3;}
.s050101 .org-ul .lv3::after {content:""; position: absolute; top:50px; left:0; transform: translateY(-50%);width:1px; height:54px; background:#e3e3e3;}
.s050101 .org-ul .lv3 li span {width:85%;}
.s050101 .org-ul .lv3 > ul li {position: relative;}
.s050101 .org-ul .lv3 > ul li::before {content:""; position: absolute; top:50%; left:0; transform: translateY(-50%); width:15%; height:1px; background:#e3e3e3; z-index:-1;}
.s050101 .org-ul.org2 .lv3::before,
.s050101 .org-ul.org2 .lv3::after {display:none;}
.s050101 .lv3 li .c1 {background: #fff; border: 2px solid #39404b; color:#39404b;}
.s050101 .lv3 li .c2 {background: #f4f4f5; border:1px solid #e3e3e3;}
.s050101 .org-ul2 {position: relative; overflow: hidden; padding-top:30px}
.s050101 .org-ul2:before {content: "";position: absolute;left: 6.5%;top: 0;width: 86.7%;height: 1px;background: #e3e3e3;}
.s050101 .org-ul2 .org01 {position: relative; float:left; width: 13.4%; min-height:275px; border: 1px solid #e3e3e3; border-radius: 5px; z-index:0;}
.s050101 .org-ul2 .org01:before {content:""; position: absolute; top:-30px; left:50%; transform: translateX(-50%); width:1px; height:30px; background:#ddd; z-index:-1;}
.s050101 .org-ul2 .org01 span {border-radius: 5px 5px 0 0;}
.s050101 .org-ul2 .org01 + .org01 {margin-left:1%;}
.s050101 .org-ul2 .org01 > ul {padding: 0 3px;}
.s050101 .org-ul2 .org01 > ul li{padding-left: 12px;}
.s050101 .org-ul2 .org01:last-child {min-height:auto;}
.s050101 .org-ul.org2 {position: absolute; right: 10%; top: 0;}
.s050101 .org-ul.org2 > li,
.s050101 .org-ul.org2 .lv3  {width:100%; margin-right:0;}
.s050101 .org-ul.org2:before {left:50%; height:250px;}

.s050101 #org2 span{background:none; height: auto;}
.s050101 #org2 .org-top {position: relative; padding:30px 0 60px; text-align: center;}
.s050101 #org2 .org-top:before {content:""; position: absolute; left:50%; margin-left:-1px; top:78px; height:30px; width:1px; background:#e3e3e3;}
.s050101 #org2 .org-top:after {content:""; position: absolute; bottom:30px; left:2.8%; width:92.9%; height:1px; background:#e3e3e3;}
.s050101 #org2 .org-top span {width:207px; height:49px; min-height:auto; line-height:49px; background:#39404b; color:#fff; text-align: center;border: 1px solid #eee;}
.s050101 #org2 .org-top span a {color:#fff; font-weight: bold; font-size:16px;}
.s050101 #org2 .org-bottom {width:100%;}
.s050101 #org2 .org-bottom li {position: relative; float:left; width:4.8%; margin:0 .5%; padding:11px 1.2%; border:1px solid #e3e3e3;}
.s050101 #org2 .org-bottom li:before {content:""; position: absolute; top:-31px; left:50%; transform: translateX(-50%); width:1px; height:30px; background:#e3e3e3;}
.s050101 #org2 .org-bottom li span {height:115px;}
.s050101 #org2 .org-bottom li a {height:100%; line-height:1.5;}
.s050101 #org2 .org-bottom li a:hover,
.s050101 #org2 .org-bottom li a:active,
.s050101 #org2 .org-bottom li a:focus {color:#007dc4; font-weight: bold;}

@media(max-width:900px){
  .s050101 .org-ul2 {padding-top:25px;}
  .s050101 .org-ul2:before {left:16.5%; width:67%;}
  .s050101 .org-ul2 .org01 {width:32.33%; margin:.5%; margin-bottom:25px;}
  .s050101 .org-ul2 .org01 + .org01 {margin-left:.5%;}
}
@media(max-width:767px){
  .s050101 .org-ul li .t_title {width:100px; height:100px; font-size:17px}
  .s050101 .org-ul li .t_title a{line-height:100px;}
  .s050101 .org-ul li .t_title:before {width:100px; height:100px; border-radius: 50%;}
  .s050101 .lv3 {margin-right:0;}
  .s050101 .org-ul .lv3 li span {width:70%;}
  .s050101 .org-ul .lv3::before {left:0; width:23px;}
  .s050101 .org-ul .lv3::after {left:22px;}
  .s050101 .org-ul .lv3 > ul li::before {left:23px; width:16%;}
  .s050101 .org-ul.org2:before {height:200px;}

  .s050101 #org2 .org-top {padding:30px 0;}
  .s050101 #org2 .org-top:after {display:none;}
  .s050101 #org2 .org-bottom {width: 100%; padding:3%; border:1px solid #ddd; overflow: hidden;}
  .s050101 #org2 .org-bottom li {width: 23%; min-height: auto; margin: 1%; padding:1%;}
  .s050101 #org2 .org-bottom li:before {display:none;}
  .s050101 #org2 .org-bottom li span {height:auto;}
}
@media(max-width:600px){
  .s050101 .org-ul > li {width:49%; margin:0 0.5%;}
  .s050101 .lv2 span {width:100%;}
  .s050101 .lv3 {width:100%; float: none;}
  .s050101 .org-ul2 .org01 {width:100%; margin:0 10px 0 0; min-height:auto;}
  .s050101 .org-ul2 .org01:nth-child(4),
  .s050101 .org-ul2 .org01:nth-child(5) {min-height:auto;}
  .s050101 .org-ul2 .org01 + .org01 {margin-left:0;}
  .s050101 .org-ul2 {padding-top:0;}
  .s050101 .org-ul2:before{display:none;}
  .s050101 .org-ul.org2 {right:0; top:0; width:49%;}
  .s050101 .lv3 li {text-align: center;}
  .s050101 .org-ul .lv3::before,
  .s050101 .org-ul .lv3::after,
  .s050101 .org-ul .lv3 > ul li::before {display:none;}
  .s050101 .org-ul .lv3 li span,
  .s050101 .lv3 li span {width:100%; max-width:100%;}
  .s050101 .org-ul2 .org01 {margin:0 0 29px 0;}
}
@media(max-width:460px){
  .s050101 #org2 .org-bottom li {width:48%;}
}

/* sub02_03_09 국무조정실 규제개혁신문고 */
@media(max-width:540px){
  .s020309 .landing_se05b {background-size: 100% 45%;}
}

/* 정보공개목록 sub01_04_01_01 */
.bd_list_wrap{position:relative;}
.bd_util {position:relative;display:block;margin-bottom: 29px;padding: 6px 9px;background:#fff;border:1px solid #d9d9d9;}
.bd_util:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.bd_util:after{content:"";display:block;visibility:hidden;clear:both;}
.bd_util *{vertical-align:middle}
.bd_util label{}
.bd_total{display:inline-block;float:left;padding-left:18px;background:url(/images/kr/board/icon_bd.gif) no-repeat 0 50%;color:#666;font-size:13px;line-height:36px;/*line-height:20px;*/}
.bd_total span{line-height:28px;padding:3px}
.bd_total strong{color:#e74c0f;}
.bd_searchbox{display:inline-block;float:right;position:relative;padding: 5px 15px;}
.bd_searchbox span{padding:0 10px;width:86px;height:28px;line-height:28px;}
.bd_searchbox input{height: 23px;width:220px;}
.bd_util.bd_brd_grad{padding-bottom:20px;border-bottom:1px solid #ddd;}
.bd_searchbox button{position:absolute;top:4px;right: 13px;width:40px;height: 30px;text-indent:-9999em;border:none;background:url(/images/kr/board/btn_srch.png) center center no-repeat;/* background-image: url(/_prog/bbs/img/common/btn_srch.png), none; */}
.tbl_basic th:first-child, .tbl_basic td:first-child{text-align:left;border-left:none !important;}
.tbl_basic th:first-child, .tbl_basic th:first-child{text-align:center;}
.bd_btn{padding:15px 0;}
.bd_btn:after {content:"";display:block;visibility:hidden;clear:both;}
.bd_btn .bd_lt{display:inline-block;float:left;text-align:left;}
.bd_btn .bd_rt{display:inline-block;float:right;text-align:right;}

.button,
.btn_list:link,
.btn_list:visited{border:1px solid #656565;color:#383838;}
.btn_list:hover,
.btn_list:focus,
.btn_list:active{background:#656565;color:#fff;border:1px solid #383838;}

#pageinglist{position:relative;margin-top:20px;padding:0;text-align:center;margin-bottom: 50px;}
#pageinglist:after{content:"";display:block;visibility:hidden;clear:both;}
#pageinglist span{line-height:30px;}
#pageinglist *{vertical-align:middle}
#pageinglist a{display:inline-block;overflow:hidden;width:32px;height:32px;border:1px solid #ebebeb;line-height:30px;}
#pageinglist a:hover,
#pageinglist a:focus{border:1px solid #111;}
#pageinglist a.on{background:#50586b;border:1px solid #ebebeb;color:#ebebeb;}
#pageinglist a.pg_arrow{background:url(/images/kr/board/bg_pg_num.gif) no-repeat;font-size:0;line-height:0;}
#pageinglist a.pg_first{background-position:10px 10px;}
#pageinglist a.pg_last{background-position:-30px 10px;}
#pageinglist a.pg_prev{background-position:-68px 10px;}
#pageinglist a.pg_nex,
#pageinglist a.pg_next{background-position:-107px 10px;}
#pageinglist .detail_pg_nm{display:block;color:#555;font-size:14px;line-height:40px;}

#pageinglist>a:nth-child(1){background:url(/images/kr/board/bg_pg_num.gif) no-repeat; background-position:10px;font-size:0;line-height:0;}
#pageinglist>a:nth-child(2){background:url(/images/kr/board/bg_pg_num.gif) no-repeat; background-position:-68px; font-size:0;line-height:0;}
#pageinglist>a:nth-last-child(1){background:url(/images/kr/board/bg_pg_num.gif) no-repeat; background-position:-30px; font-size:0;line-height:0;}
#pageinglist>a:nth-last-child(2){background:url(/images/kr/board/bg_pg_num.gif) no-repeat; background-position:-107px; font-size:0;line-height:0;}
.tbl_basic1 th:last-child, .tbl_basic1 td:last-child{border-right:0 none;}

@media(max-width:767px){
.bd_total{float:right;}
.bd_total span{padding:0;}
.bd_searchbox span{padding:0 10px 0 0;}
}

/* 정보목록 */
.program--search{position:relative;margin:30px 0;padding:15px 20px;border:1px solid #d9d9d9;background:#fff;text-align:center;}
.program--search:before{display:block;position:absolute;left:-1px;bottom:-4px;width:100%;height:3px;background:#f1f1f1;content:"";}
.program--search.type2{border:1px solid #e9e9e9;background:#fafafa;}
.program--search.type2:before,
.program--search.type3:before{display:none;}
.program--search.type3{border:1px solid #efefef;border-top:2px solid #5c5c5c;background:#f3f3f3;}
.program--search *{vertical-align:middle}

.program--search .search_inner{width:auto;}
.program--search .fieldset{display:inline-block;width:auto;}
.program--search .search_inner.float-md-right{text-align:right;}
.program--search .search_inner.float-md-right .fieldset{text-align:right}
.program--search .fieldset:after{display:block;content:'';clear:both}
.program--search .search--select{display:inline-block;position:relative;min-width:12%;text-align:right;}
.program--search .search--select>div,
.program--search .search--select>span{display:inline-block;border:1px solid #aaa;background-color:#fff;min-width: 68px;}
.program--search .search--select>div select,
.program--search .search--select>span select{width:100%;height:32px;margin:0;border:none;line-height:1;}
.program--search .search--select div[class*="select2"],
.program--search .search--select span[class*="select2"]{border:none;}
.program--search .search--text{display:inline-block;min-width:25%;margin:0;padding:0;}
.program--search .search--text span{display:block;padding:0 5px;border:1px solid #aaa;background-color:#fff;}
.program--search .search--text .element_inline{display:inline-block;}
.program--search .search--text input[type="text"]{width:100%;height:32px;margin:0;padding:0;border:none;background-color:#fff;line-height:32px;}
.program--search .search_inner.float-md-right .search--text{max-width:150px;}
.program--search .search--date{display:inline-block;min-width:12%;max-width:135px;margin:0;padding:0;}
.program--search .search--date span{display:block;padding:0 5px;border:1px solid #aaa;background-color:#fff;}
.program--search .search--date input[type="text"]{width:100%;height:32px;margin:0;padding:0;border:none;background-color:#fff;line-height:32px;}*
.program--search .search--btn{display:inline-block;}
.program--search .search--btn span{display:inline-block;width:95px;height:34px;}
.program--search .search--btn input{height:100%;padding:0 15px;border-radius:0;line-height:100%;}
.program--search .search--btn .btn--submit{background-color:#33353a;text-align:center;}
.program--search .search--btn input[type="submit"]{padding:0 30px 0 5px;background:#33353a url(/pcms/common/images/ir/program--search--icon.png) no-repeat 100% 48%;color:#fff;text-shadow:0 0 1px #000;}
.program--search .search--btn{display:inline-block;height:100%;border-radius:0;color:#fff;line-height:100%;}
.program--search .search--btn button{padding:7px 14px 6px}
.program--search .program--count{margin-top: 3px;}
.program--search--index{margin-bottom:20px;}
.program--search--index *{vertical-align:middle}
.program--search--index:after{display:block;content:'';clear:both}
.program--search--index .program--info{display:inline-block;position:relative;float:left;}
.program--page{display:inline-block;position:relative;float:right;padding-left:15px;}
.program--count{display:inline-block;position:relative;padding-left:10px;font-size:14px;line-height:1.4;letter-spacing:-1px;}
.program--count *{vertical-align:top}
.program--count:before{display:inline-block;position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background-color:#666}
.program--count strong{color:#ce171f;font-weight:bold}
.program--page *{vertical-align:middle}
.program--page .search--select{display:inline-block;position:relative;min-width:12%;text-align:right;}
.program--page .search--select span{display:inline-block;border:1px solid #aaa;background-color:#fff;}
.program--page .search--select select{width:100%;height:32px;margin:0;border:none;line-height:1;}
.program--page label{display:inline-block;font-size:0;line-height:0;}
.program--page button{display:inline-block;width:70px;height:34px;padding:0 10px;background-color:#33353a;color:#fff;text-align:center;text-shadow:0 0 1px #000;text-transform: capitalize;}
.program--search .program--page{border-left:1px solid #e1e1e1;}
.program--search .program--page:before{display:block;position:absolute;top:10%;left:10px;width:1px;height:80%;content:"";background-color:#ccc}


@media only screen and (max-width:1200px){
  .program--search .btn-group{margin-bottom:10px;text-align:left;}
}
@media only screen and (max-width:1000px){
.program--search .float-md-left{text-align:left;margin-bottom:10px;}
.program--search .search_inner.float-md-right{text-align:right;}
}
@media only screen and (max-width:640px){
	.program--search .search_inner{width: 100%;}
	.program--search .search_inner.pull-right{float:none;}
	.program--search .fieldset{display:block;width:100%}
	.program--search--index{}
	.program--search--index .program--info,
	.program--page{display:block;float:none;}
	.program--page{text-align:right}
	.program--search{padding:15px 3%;}
	.program--search select{width:100%;height:34px;margin:2px 0;border:1px solid #868686;border-radius:0;line-height: 1;}
	.program--search span{display:block}
	.program--search .input_text input{width:96%;margin:2px 2%;padding-right:0;padding-left:0;text-align:center;}
	.program--search .submit{width:100%;margin:2px 0;}
	.program--search.type_left{margin-top:0;margin-bottom:10px}
	.program--search .program--count span{display:inline-block;}
	.program--search .program--page{display:inline-block;border-left:none;}
	.program--search .program--page .search--select{display:inline-block;width:auto}
	.program--search .search_inner.float-md-right .fieldset{width:100%}
	.program--search .search_inner.float-md-right .search--text{max-width:none;}
	.program--search .search_inner.float-md-right .program--page{display:none;}
}
@media all and (max-width:600px){
    .program--search .search--select,.program--search .search--text{display:block;width:100%;max-width:inherit;margin:2px 0;}
    .program--search .search--select span,.program--search .search--text span{display:block;}
	.program--search .search--date{display:inline-block;margin:2px 0;}
    .program--search .search--date span{display:block;}
    .program--search .search--btn{display:block;width:100%;text-align:right;}
    .program--search .search--btn .btn--submit,
    .program--search .search--btn button{width:100%;margin-bottom:2px;font-size:16px;/* background:none; */}
    .program--search .program--page{width:100%;}
    .program--search .program--page:before{display:none;}
}

 /* sub050203 구정방향 */
 .vis_wrap {margin-top:50px; text-align: center;}
 .vis_wrap .arrow {margin:30px 0;}
 .vis_wrap .mid_box {position: relative; width: 70%; border-radius: 50px 50px; border: 5px solid #f4f4f5; text-align: center; margin: 0 auto; padding: 30px;}
 .vis_wrap .mid_box .tit {position: absolute; top: -25px; left: 50%; transform: translateX(-50%); padding: 0 20px; background: #fff; font-size: 17px; width: auto; font-family: 'score'; color:#2b3c5b;}
 .vis_wrap .mid_box .in {font-size:25px; color:#2b3c5b; font-family: 'score';}
 .vis_wrap .mid_box .in b {position: relative; font-weight: bold;font-family: 'score';}
 .vis_wrap .mid_box .in b:before {content:""; position: absolute; left:50%; top:-10px; transform: translateX(-50%); width:5px; height:5px; background:#2b3c5b; border-radius: 50%;}
 .vis_wrap .bt_box {position: relative;}
 .vis_wrap .bt_box .info {position: absolute;}
 .vis_wrap .bt_box .info .img-box {width:82px; vertical-align: top;}
 .vis_wrap .bt_box .info .text {text-align: center;}
 .vis_wrap .bt_box .info.right .text {float: left; width: calc(100% - 82px); padding: 0 30px 0 165px;}
 .vis_wrap .bt_box .info.left .text {float: right; width: calc(100% - 82px); padding: 0 165px 0 30px;}
 .vis_wrap .bt_box .info strong {font-size:18px; color:#4b4b4b; font-weight: bold;}
 .vis_wrap .bt_box .info p {font-size:15px; color:#81848b;}
 .vis_wrap .bt_box .right {right:calc(50% + 140px); text-align: right;}
 .vis_wrap .bt_box .left {left:calc(50% + 140px); text-align: left;}
 .vis_wrap .bt_box .info.right .img-box {float:right;}
 .vis_wrap .bt_box .info.left .img-box {float:left;}
 .vis_wrap .bt_box .info1 {top:10px;}
 .vis_wrap .bt_box .info3 {top:170px;}
 .vis_wrap .bt_box .info2 {top:10px;}
 .vis_wrap .bt_box .info4 {top:170px;}
   .vis_wrap .bt_box .info.left .text,
   .vis_wrap .bt_box .info.right .text {padding:0 20px;}
 @media screen and (max-width:1204px){
   .vis_wrap .bt_box .center {margin-bottom:30px;}
   .vis_wrap .bt_box .info + .info {margin-top:30px;}
   .vis_wrap .bt_box .info {position: static;}
   .vis_wrap .bt_box .info.right .text,
   .vis_wrap .bt_box .info.left .text {float:none; width:100%;}
   .vis_wrap .bt_box .info.right .img-box,
   .vis_wrap .bt_box .info.left .img-box {float:none; margin: 0 auto 10px;}
 }
 @media screen and (max-width:767px){
   .vis_wrap .mid_box {width:100%;}
   .vis_wrap .mid_box .in {font-size:20px;}
 }
 @media screen and (max-width:360px){
   .vis_wrap .mid_box .tit {padding:0 10px;}
 }

/* sub06_05_04_01 도서관 */
.s06050401 .tab__body {display:none;}
.s06050401 .tab__body.active {display:block;}

/* sub06_05_04_03 체육시설 */
.s06050403 .tab__body {display:none;}
.s06050403 .tab__body.active {display:block;}

/* sub06060101 중구재난안전대책본부 */
.s06060101 .department_orgwrap {padding: 0; border: 0; margin-top: 40px;}
.s06060101 .department_orgwrap .department_org1>li{position: relative; padding-bottom: 15px; width: 100%;}
.s06060101 .department_orgwrap .department_org1 strong {width: 26%;padding: 10px 0 0; text-align: center; color: #fff; background-color: #3560ae;font-size: 16px; line-height: 35px; z-index: 1;margin-left:-13%;border-radius: 5px;}
.s06060101 .department_orgwrap .department_org1 span {display: block; width: 100%;padding: 10px 0; text-align: center; color: #6e7179; background-color: #ffffff;font-size: 15px;line-height: 30px; z-index: 1; border-radius: 0 0 5px 5px;  border: 1px solid #aabac8;}
.s06060101 .department_orgwrap .department_org1 .tit{position: relative; display: block; width: 100%;padding: 10px 0 0; text-align: center; color: #fff; background-color: #2b3b5d;border-radius: 5px 5px 0 0; border: 1px solid #aabac8;border-bottom: 0px; line-height: 35px;}
.s06060101 .department_orgwrap .department_org1 .con{position: relative; display: block; width: 100%;padding: 10px 0px; text-align: center; color: #6e7179; background-color: #ffffff;border-radius: 0 0 5px 5px; border: 1px solid #aabac8;}
.s06060101 .department_orgwrap .department_org1>li>ul{position: relative; width: 100%;  overflow: hidden; padding: 0; margin-top: -100px;}
.s06060101 .department_orgwrap .department_org1>li>ul>li {position: relative; float: left; width: 25%; margin: 0.8%;padding: 0;background-color:transparent;border:none }
.s06060101 .department_orgwrap .department_org1>li>ul>li.org1_2_2 {float:right;}
.s06060101 .department_orgwrap .department_org1 li ul li:before{z-index: 2;}
.s06060101 .department_orgwrap .department_org1>li>ul>li>ul>li{width: 18%;}
.s06060101 .department_orgwrap .department_org1>li>ul.department_org2_2>li{width: 18%;margin: 0 1% 0;}
.s06060101 .department_orgwrap .department_org1 .lv2:after{top: 17px;left: 19.8%; width: 80%; position: absolute; content: ""; display: block; border-top: 1px solid #dcdcdc;}
.s06060101 .department_orgwrap .department_org1 li.lv2{margin-left: -10%;}
.s06060101 .department_orgwrap .department_org1 .lv1:after {display: none;}
.s06060101 .department_orgwrap .department_org1 li ul li:after {display: none;}
.s06060101 .department_orgwrap .department_org1 .lv1:before{position: absolute;content: ""; display: block; top: 93px; left: 50%; margin-left: -0.5px; height: 228px;border-left: 1px solid #dcdcdc;}


.s06060101 .phone_box .ui-table__box { border: 1px solid #ddd; padding: 30px 20px; margin-top: 0;}
.s06060101 .phone_box .ui-table__box ul.left {width: 80.8%; float: left;}
.s06060101 .phone_box .ui-table__box ul.left li {width: 24%;}
.s06060101 .phone_box .ui-table__box ul.right {width: 19.2%; float: right;}
.s06060101 .phone_box .ui-table__box ul.right li {width: 100%;}
.s06060101 .phone_box .ui-table__box ul li .ui-table__text {min-height: 61px; height: auto;}
.s06060101 .phone_box .ui-table__box ul.right li .ui-table__text {min-height: 502px;}
.s06060101 .phone_box .ui-table__box ul.left li {margin-right: 1%;}
.s06060101 .phone_box .ui-table__box ul li:nth-child(9) .ui-table__text,
.s06060101 .phone_box .ui-table__box ul li:nth-child(10) .ui-table__text,
.s06060101 .phone_box .ui-table__box ul li:nth-child(11) .ui-table__text,
.s06060101 .phone_box .ui-table__box ul li:nth-child(12) .ui-table__text { min-height: 187px;}
.s06060101 .phone_box .ui-table__box ul li .ui-table__text {line-height: 2;}
.s06060101 .department_orgwrap .department_org1>li>ul>li.org1_2_0 .con:after {content: ''; display: block; position: absolute; width: 22%; height: 15px; top: 0; right: -34%; background: url(/images/kr/sub06/harr_icon.png)no-repeat; background-size: contain;}
.s06060101 .department_orgwrap .department_org1>li>ul>li.org1_2_2 .con:after {content: ''; display: block; position: absolute; width: 22%; height: 15px; top: 0; left: -34%; background: url(/images/kr/sub06/harr_icon.png)no-repeat; background-size: contain;}

 @media(max-width:767px){
  .s06060101 .phone_box .ui-table__box ul.left {width: 100%;}
  .s06060101 .phone_box .ui-table__box ul.right {width: 100%;}
  .s06060101 .phone_box .ui-table__box ul.left li {width: 49%;}
  .s06060101 .phone_box .ui-table__box ul.right li .ui-table__text {min-height: auto;}
 }

 @media(max-width:660px){
  .s06060101 .department_orgwrap{padding: 0px 30px;}
  .s06060101 .department_orgwrap .department_org1 strong{width: 100%;margin-left:0;left:0;}
  .s06060101 .department_orgwrap .department_org1>li{padding-bottom: 10px;}
  .s06060101 .department_orgwrap .department_org1>li>ul{width: 100%; margin-left: 0;padding-top: 20px; margin-top: 0;}
  .s06060101 .department_orgwrap .department_org1>li>ul>li{width: 100%;margin: 15px 0 4px;}
  .s06060101 .department_orgwrap .department_org1>li>ul.department_org2_2>li{width: 100%;margin: 20px 0 4px;}
  .s06060101 .department_orgwrap .department_org1 li.lv2{margin-left:0;}
  .s06060101 .department_orgwrap .department_org1 .tit{min-height: auto;}
  .s06060101 .department_orgwrap .department_org1 .con{min-height: auto;}
  .s06060101 .department_orgwrap .department_org1 .lv1:after{border-top:none}
  .s06060101 .department_orgwrap .department_org1 .lv2:after{border-top:none}
  .s06060101 .department_orgwrap .department_org1>li>ul>li.org1_2_0 .con:after {display: none;}
  .s06060101 .department_orgwrap .department_org1>li>ul>li.org1_2_2 .con:after {display: none;}
 }
 @media(max-width:500px){
  .s06060101 .phone_box .ui-table__box ul li .ui-table_title {height: 76px;}
 }
/* End*/


/* sub05_02_02 중구옛모습 */
.s_beforeAfter_wrap {padding:50px 30px; border-bottom: 1px solid #000;}
.s_beforeAfter_wrap .cocoen {border-radius: 10px;}
.s_beforeAfter_wrap .title{margin-bottom: 10px; position: relative;overflow: hidden;text-align: center;}
.s_beforeAfter_wrap .title .top {display:block; margin-bottom:10px; font-family: 'score'; font-size:21px; font-weight: bold;}
.s_beforeAfter_wrap .title .top  img {vertical-align: middle; margin-right: 5px; margin-top: -5px;}
.s_beforeAfter_wrap .title .year_title {width:100%; margin-bottom:30px; background:url(/images/kr/sub05/sub05_02_02_bd.png) 50%; background-repeat: repeat-x;}
.s_beforeAfter_wrap .title .year_title.long .left,
.s_beforeAfter_wrap .title .year_title.long .right {padding:15px 20px;}
.s_beforeAfter_wrap .title .year_title h2 {display:inline-block; padding: 0 20px;  text-align: center; font-size:45px; font-family:'score'; font-weight: bold; background: #fff; color:#000022;}
.s_beforeAfter_wrap .title .year_title h2 .subtit {display: block; font-size:20px; font-family: 'score';}
.s_beforeAfter_wrap .title .year_title .left {float: left;}
.s_beforeAfter_wrap .title .year_title .right {float: right;}
.s_beforeAfter_wrap .title .year_title .left,
.s_beforeAfter_wrap .title .year_title .right {color: #797979; font-size: 25px; font-family: 'score'; font-weight: 200; line-height: 2; background: #fff; padding: 0 20px;}
.s_beforeAfter_wrap .beforeAfter_wrap{position:relative;overflow:hidden}
.s_beforeAfter_wrap .item{margin-top:100px}
.s_beforeAfter_wrap .h2{text-align:center;margin-bottom:20px;font-size:38px}
.s_beforeAfter_wrap .h2:before{display:none}
.s_beforeAfter_wrap .cocoen{height:500px;}
.s_beforeAfter_wrap .cocoen>div:first-child:before {content: '';position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0, 0, 0, 0.5);}
.s_beforeAfter_wrap .cocoen img{height:100%;}
.s_beforeAfter_wrap .con{padding: 0 16%;margin: 20px 0 0;}
.s_beforeAfter_wrap .cocoen-drag {transform: translate(-50%, -50%); top: 50%; margin-left: 0; display:block; width:150px; height:150px; background:url(/images/kr/sub05/sub05_02_02_drag.png)no-repeat;}
.s_beforeAfter_wrap .cocoen-drag::before {display:none;}
@media (max-width:767px){
    .s_beforeAfter_wrap {padding:30px 0;margin-bottom: 30px;}
    .s_beforeAfter_wrap .title .year_title h2 {font-size:38px;}
    .s_beforeAfter_wrap .title .year_title.long .left,
    .s_beforeAfter_wrap .title .year_title.long .right {padding:15px 5px;}
    .s_beforeAfter_wrap .title .year_title .left,
    .s_beforeAfter_wrap .title .year_title .right{line-height:1.6;}
    .s_beforeAfter_wrap .cocoen{height:auto}
    .s_beforeAfter_wrap .con{padding:0}
    .s_beforeAfter_wrap .h2{font-size:26px}
    .s_beforeAfter_wrap .item{margin-top:40px}
    .s_beforeAfter_wrap .cocoen-drag:before{height: 40px;width: 40px;margin-left: -20px;}
    .s_beforeAfter_wrap + p {margin-bottom:50px;}
}
@media (max-width:640px){
    .s_beforeAfter_wrap .title .year_title h2 {font-size:28px; padding:0 5px;}
    .s_beforeAfter_wrap .title .year_title .left,
    .s_beforeAfter_wrap .title .year_title .right {font-size:20px; padding:0 5px;}
    .s_beforeAfter_wrap .cocoen-drag {width:100px; height:100px; background-size: contain;}
}
@media (max-width:460px){
    .s_beforeAfter_wrap .title .top {font-size:18px;}
    .s_beforeAfter_wrap .cocoen-drag {width:50px; height:50px;}
    .s010305 .tab-ul.type3 li {width:100%;}
    .s_beforeAfter_wrap .title .year_title .left,
    .s_beforeAfter_wrap .title .year_title .right {display:none;}
    .s_beforeAfter_wrap .title .year_title h2 {font-size:20px; line-height: 1.6;}
}

/* 모바일일때 탭 */
#s_tab_moType1.mobile{margin-bottom:50px;}
#s_tab_moType1.mobile ul{width:100%;margin:0;padding:1px 0;}
#s_tab_moType1.mobile ul li{display:none;float:none;width:100%;}
#s_tab_moType1.mobile ul li a{display:block;height:auto;margin:0;font-size:16px}
#s_tab_moType1.mobile .title{display:block;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
#s_tab_moType1.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330}
#s_tab_moType1.mobile .title a:before{display:block;position:absolute;top:50%;right:10px;width:14px;height:9px;margin-top:-5px;background-image:url(/pcms/common/images/ir/arrow_tab.png);background-repeat:no-repeat;background-position:0 -8px;content:'';}
#s_tab_moType1.mobile .title a.on:before{background-position:-23px -8px;}
#s_tab_moType1.mobile .tab-ul li a span{padding:18px 50px 18px 22px}
#s_tab_moType1.mobile .tab-ul.type2 li.on a span:before,
#s_tab_moType1.mobile .tab-ul.type2 li.on a:active span:before,
#s_tab_moType1.mobile .tab-ul.type2 li.on a:focus span:before,
#s_tab_moType1.mobile .tab-ul.type2 li.on a:hover span:before {display:none;}
#s_tab_moType1.mobile .tab-ul.type2 li.on a span:after,
#s_tab_moType1.mobile .tab-ul.type2 li.on a:active span:after,
#s_tab_moType1.mobile .tab-ul.type2 li.on a:focus span:after,
#s_tab_moType1.mobile .tab-ul.type2 li.on a:hover span:after {display:none;}
#s_tab_moType1.mobile .tab-ul.type2 li a span:after {display:none;}
@media (min-width:768px){
    #s_tab_moType1 .title{display:none;}
}


/*로그인*/
.login-list__column{margin:0 -10px;}
.login__column .inner{position:relative;border:10px solid transparent;}
.login__column .inner .circle{margin:0 auto 10px;width:110px;height:110px;}
.login__column .inner .circle .ui-number{display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:24px;text-align:center;line-height:110px;}
.login__column .inner .item{padding:30px 20px;min-height:250px;border:1px solid #efefef;}
.login__column .inner .ui-summary{color:#7c7c7c;font-size:16px;letter-spacing:-1px;}
.login__column .inner .ui-summary strong{display:block;margin-bottom:5px;color:#222;font-size:18px;font-weight:bold;text-align:center;}
.login__column .inner .ui-summary p{margin:0;}
.login__column.col2 .inner{float:left;width:50%;}
.login__column.col3 .inner{float:left;width:33.33%;min-height: 510px;}
.login__column.col4 .inner{float:left;width:25%;}
@media only screen and (max-width:1024px){
.login__column.col4 .inner{width:33.33%;}
}
@media only screen and (max-width:767px){
.login__column.col3 .inner,.ui-list__column.col4 .inner{width:50%;}
}
@media only screen and (max-width:640px){
.login__column.col2 .inner,.ui-list__column.col3 .inner,.ui-list__column.col4 .inner{float:none;width:calc(100% - 16px);}
}

.login__column {margin: 0 -12px;}
.login__column .inner {margin: 0 10px 20px;border:1px solid #cacaca;background: #fff;border-radius: 0;}
.login__column .inner .item {min-height: auto;padding: 37px 20px 42px;border:none;text-align: center;min-height: 482px;}
.login__column .inner .item h2 {font-size: 20px;margin-top: 10px;}
.certification__inner .txt-h2{margin: 0px 0px 15px 0px;}
.login__column.col2 .inner {width: calc(50% - 20px);}
.login__column.col3 .inner {margin: 0 -1px;/* width: calc(33.33% - 16px); */}
.login__column.col4 .inner {margin: 0 6px 12px;width: calc(25% - 12px);}
.login__column .inner .ui-summary strong {margin: 0 0 15px;font-size: 20px;font-weight: bold;color: #3a3a3a;}
.login__column .inner .ui-summary p{color:#6e7179;font-size:15px;}
.login__column.type02 .inner .item{padding: 31px 20px 52px;}
.login__column.type02 .inner a {margin:15px 0 0}
.login__column .inner a {margin:0 0 19px}
.login__column .inner .circle{width:80px;height:80px;background-color: #f3f3f3;margin-bottom:15px;position: relative;}
.login__column .inner .circle.circle-sm{width:55px;height:55px;}
.login__column.type02 .circle .ir-icon__line{top: 12.5px;left: 12.5px;}
.login__column.type03{border: 1px solid #d2d2d2; border-radius: 15px;}
.login__column.type03 .inner{border:none;}
.login__column.type03 .inner:after{content:"";position:absolute;top:10%;height:80%;background-color:#d3d3d3;border-left:1px solid #d3d3d3;}
.login__column.type03 .inner:nth-child(1):after,
.login__column.type03 .inner:nth-child(5):after,
.login__column.type03 .inner:nth-child(9):after{display:none;}
.login__column.type03 .inner .circle{width:100px;height:100px;background: url(/pcms/dist/img/p01/ir-icon_type03.png);margin-bottom:15px;position: relative;}
.login__column.type03 .inner:nth-child(2) .circle{background-position: -101px 0;}
.login__column.type03 .inner:nth-child(3) .circle{background-position: -202px 0;}
.login__column.type03 .inner:nth-child(4) .circle{background-position: -303px 0;}
.login__column.type04 .inner{position: relative; background: #f7f7f7;margin:10px;border-color:#f7f7f7;}
.login__column.type04 .inner .item{padding: 30px 100px 40px 28px;text-align:left;}
.login__column.type04 .inner .ui-summary strong{text-align:left;font-size:20px;font-weight:bold;line-height: 30px;}
.login__column.type04 .inner .icon{position: absolute;top:50%;right:30px;width:52px;height:48px;margin-top: -24px; background: url(/pcms/dist/img/p01/ir-icon_type04.png);}
.login__column.type04 .inner .icon.icon01{background-position: 0 0;}
.login__column .item .list-box2{margin:0px;padding-top:35px;border-top:1px dotted #ccc;padding: 10px 10px;font-size: 13px;text-align: left;}
@media(max-width:1279px){
    .login__column.col3 .inner,
    .login__column.col4 .inner {width: calc(33.333%);}
}
@media(max-width:767px){
    .login__column.col2 .inner,
    .login__column.col3 .inner,
    .login__column.col4 .inner {width: calc(100%);margin: -1px 0;}
    .login__column .inner .item {padding:25px 30px;}
    .login__column{margin:0;}
}

/*로그인 끝*/

 /* sub06_04_02_01 교통유발부담금 */
 @media(max-width:1165px){
  .s06040201 .ui-process.type5.step3>li {min-height:210px;}
}
@media(max-width:1023px){
  .s06040201 .ui-process.type5.step3>li {min-height:auto;}
}
@media(max-width:940px){
  .s06040201 .ui-process.type5.step3>li {min-height:210px;}
}
@media(max-width:767px){
  .s06040201 .ui-process.type5.step3>li {min-height:auto;}
}


/*청소년관련사이트 끝*/
.s0601060103 .ui-list__column .inner .ui-summary strong {margin: 15px 0px;font-size: 18px;font-weight: bold;color: #3a3a3a;}
.s0601060103 .ui-list__column{margin:30px -12px;}
/*청소년관련사이트 끝*/
.s0601030801 .item {border-radius: 5px;border:1px solid #dadada;width: 100%;}


/* sub01_03_05 계악정보공개 */
.s010305 .ui-bodo__summary .btn {margin-left:0;}
@media(max-width:767px){
  .s010305 .ui-bodo__summary .btn {text-align: center;}
}

.sub01_02_05_01 .no-more-tables{position:relative;min-height:500px;overflow:hidden}
#loadingBg{position:absolute;top:0;left:0;width:100%;height:100%;min-height:500px;background-color:rgba(0,0,0,0.5)}
#loadingBg span{width: 200px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#loadingBg span svg{width: 60%;margin: 0 auto 10px;position: relative;left: 26px;}
#loadingBg span em{font-size:0;}
#loadingBg span i{font-size:18px;color:#fff;text-align:center;font-style:normal;display: block;}
#svg{overflow:visible}
#svg .st0{fill:#EC008C;}
#svg .st1{fill:#ED1C24;}
#svg .st2{fill:#005BAA;}
#svg .st3{fill:#00AB4E;}
#svg [class*="st"]{transform-origin: center center;-webkit-transform-origin: center center;}
#svg .heart{animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;animation-name:hearts;}

#svg .symbol1{animation:icon-heart 2s ease-in alternate 3.5s infinite;-webkit-animation:icon-heart 2s ease-in alternate 3.5s infinite;}
#svg .symbol2{animation:icon-heart 2s ease-in alternate 4s infinite;-webkit-animation:icon-heart 2s ease-in alternate 4s infinite;}
#svg .symbol3{animation:icon-heart 2s ease-in alternate 4.5s infinite;-webkit-animation:icon-heart 2s ease-in alternate 4.5s infinite;}
#svg .text1{animation:text_symbol 2s ease-in alternate infinite;-webkit-animation:text 2s ease-in alternate infinite;}
#svg .text1:nth-child(1){animation:text_symbol 0.5s ease-in alternate .5s infinite;-webkit-animation:text_symbol 0.5s ease-in alternate .5s 2;}
#svg .text1:nth-child(2){animation:text_symbol 0.5s ease-in alternate 1s infinite;-webkit-animation:text_symbol 0.5s ease-in alternate 1s 2;}
#svg .text1:nth-child(3){animation:text_symbol 0.5s ease-in alternate 1.5s infinite;-webkit-animation:text_symbol 0.5s ease-in alternate 1.5s 2;}
#svg .text1:nth-child(4){animation:text_symbol 0.5s ease-in alternate 2s infinite;-webkit-animation:text_symbol 0.5s ease-in alternate 2s 2;}
#svg .text1:nth-child(5){animation:text_symbol 0.5s ease-in alternate 2.5s infinite;-webkit-animation:text_symbol 0.5s ease-in alternate 2.5s 3;}

@keyframes text_symbol{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes hearts {0% {opacity:0;}50% {opacity:1;}100% {transform:translate(0,-60px);opacity:0;}}
@keyframes icon-heart {0% {transform:rotate(20deg);opacity:0;}50% {transform:rotate(-20deg);opacity:1;}100% {transform:translate(0,-60px) rotate(20deg);opacity:0;}}



/* sub05_04_02_01 ~ sub05_04_16_01 동행정복지센터 소개 지도 */
.s05040101 .map_box {border:1px solid #ededed;}
.s05040101 .s05040201.map_box {width:100%;}
@media(max-width:767px){
  .s05040101 .map_box {padding-bottom: 30px; border:0;}
  .s05040101 .se17b_location .box_local {border-top:1px solid #ededed;}
}

/* sub01_02_01_01  정보공개제도안내 */
@media(max-width:767px){
  .s010301 .txt-box1 p {margin-top:0;}
}

/* sub06_06_10_02 지진발생시행동요령 */
.s06071002 .ui-list__bodo.type1 .obj.s06061002_02 .item .inner .circle{top:32%;}
.s06071002 .ui-list__bodo.type1 .obj.s06061002_02 .item .inner .mobileimg{display:none;}
@media(max-width:767px){
  .s06071002 .ui-list__bodo.type1 .obj.s06061002_02 .item .inner .circle {width:100%; height:auto;}
  .s06071002 .ui-list__bodo.type1 .obj.s06061002_02 .item .inner .pc{display:none;}
  .s06071002 .ui-list__bodo.type1 .obj.s06061002_02 .item .inner .mobileimg{display:block;}
}
/* sub06_06_10_02 지진발생시행동요령 End */

/* sub02_01_03 민원후견인제도 */
@media(max-width: 640px){
  .s020103 .ui-list__column.col3 .inner{width: calc(100% - 16px);}
}

/* sub02_01_03 민원후견인제도 End*/


/* sub06010101 국민기초생활보장제도 */
.s06010101 table .tb_bg {background: #f9f9f9;}
/* sub06010101 국민기초생활보장제도 */


/* sub04_01_02_01 교육안내 */
/* se16a */
.se16a_topbox{margin-bottom:50px; text-align: center;padding:0 53px;position:relative;z-index: 1;}
.se16a_topbox::before{background: #f3f4f6;width:100%;height:311px;border-radius: 40px 40px 0 0;content: "";position: absolute;left:0;top:0;z-index: -1;}
.se16a_topbox .inner .main_title{font-family: 'score';font-size:35px;color:#263c56;font-weight: 300;padding:75px 0 35px;display:block;position: relative;line-height: 1.2;}
.se16a_topbox .inner .main_title::before{content: "";position: absolute;left:0;bottom:0;background: url(/pcms/dist/img/b01/se16a_ir.png) no-repeat;z-index: -1;}
.se16a_topbox .inner .main_title::after{content: "";position: absolute;right:0;bottom:0;background: url(/pcms/dist/img/b01/se16a_ir.png) no-repeat;z-index: -1;}
.se16a_topbox .inner .main_title span{font-weight:bold;font-family: inherit;color:#005598;line-height: 1.2;}
.se16a_topbox .inner .txtwrap{background: #fff;box-shadow:1px 2px 3px #eee;border-radius: 30px 30px 0 0;padding:30px 20px 40px;}
.se16a_topbox .inner .txtwrap .sub_title{margin-bottom:20px;display:inline-block;position: relative;max-width:400px; color:#005598;font-size:21px;font-family: "score";letter-spacing: -0.05em;line-height:1.3;}
.se16a_topbox .inner .txtwrap .sub_title::before{content: "";position:absolute;left:-30px;top:5px;background: url(/pcms/dist/img/b01/se16a_ir.png) no-repeat;width:17px;height:14px;background-position:-1px -419px;}
.se16a_topbox .inner .txtwrap .sub_title::after{content: "";position:absolute;right:-30px;top:5px;background: url(/pcms/dist/img/b01/se16a_ir.png) no-repeat;width:17px;height:14px;background-position:-26px -418px;}
.se16a_topbox .inner .txtwrap p{max-width:800px;margin:0 auto;color:#666666;letter-spacing: -0.05em;font-size:16px;}

.se16a_topbox.type01 .inner .main_title::before{width: 118px; height:82px; background-position: 0 0;}
.se16a_topbox.type01 .inner .main_title::after{width:156px; height:68px; background-position: -130px 0;}
.se16a_topbox.type02 .inner .main_title::before{width: 247px; height:123px; background-position: 0 -82px;}
.se16a_topbox.type02 .inner .main_title::after{width:82px; height:79px; right:50px; background-position: -248px -123px;}
.se16a_topbox.type03 .inner .main_title::before{width: 216px; height:105px; background-position:0 -219px;}
.se16a_topbox.type03 .inner .main_title::after{width:212px; height:92px; background-position: -229px -232px;}

.se16a_topbox .inner .txtwrap .icon{display:block;width:50px;height:41px;background: url(/pcms/dist/img/b01/se16a_ir.png);margin:0 auto 25px;}
.se16a_topbox .inner .txtwrap .icon01 {background-position: -9px -360px;}
.se16a_topbox .inner .txtwrap .icon02 {background-position: -64px -360px;}
.se16a_topbox .inner .txtwrap .icon03 {width:60px; background-position: -117px -360px;}

@media(max-width:767px){
  .se16a_topbox{padding:0 30px;}
  .se16a_topbox .inner .main_title{font-size:30px;padding:50px 0 25px;}
  .se16a_topbox .inner .txtwrap{padding:30px 13% 40px;}
  .se16a_topbox .inner .main_title {font-size:30px;}
  .se16a_topbox .inner .main_title::before,
  .se16a_topbox .inner .main_title::after{display: none;}
  .se16a_topbox .inner  br{display: none;}
  .se16a_topbox .inner .txtwrap {max-width:100%;}
}
@media(max-width:500px){
  .se16a_topbox{padding:0 20px;}
}
@media(max-width:380px){
  .se16a_topbox .inner .txtwrap .sub_title::before,
  .se16a_topbox .inner .txtwrap .sub_title::after{display: none;}
}

/*sub04_01_02_01 se16a 아이콘 변경*/
.se16a_topbox .inner .txtwrap .icon{background: url(/pcms/dist/img/b01/se16a_ir.png);}
.se16a_topbox .inner .txtwrap .icon{width: 67px;height: 57px;background-position: 1px -353px;}

.s04010201 .ui-list__column .inner .ui-summary strong {min-height: 64px;}
@media screen and ( max-width: 767px ) {
  .s04010201 .ui-list__column .inner .ui-summary strong {min-height: auto;}
}
/* End */

/* 자원봉사센터안내 - 신청안내  */
.s06050804 .ui-list__bodo .obj .item .inner .ui-text .btn.btn-noline {text-transform: lowercase;font-size: 15px;}
/* 자원봉사센터안내 - 신청안내  End */

/* sub06_05_03_01 사회복지관 */
.s06050301 .table td.text-left{vertical-align: top;}
/* sub06_05_03_01 사회복지관 End*/

/* 동행정 복지센터 학교현황 Css */
.s05040106 .school_th {border:1px solid #ddd; padding:20px 30px; color:#09326d; background:#f9f9f9; border-top:2px solid #09326d;}
.s05040106 .school_th:after {content: ''; display: block; overflow: hidden; clear:both;}
.s05040106 .school_th li {float: left; font-size:16px; font-weight: bold;}
.s05040106 .school_th li:nth-child(1){width:10%; text-align: center;}
.s05040106 .school_th li:nth-child(2){width:20%; text-align: center;}
.s05040106 .school_th li:nth-child(3){width:45%; text-align: center;}
.s05040106 .school_th li:nth-child(4){width:15%; text-align: center;}
.s05040106 .school_th li:nth-child(5){width:10%; text-align: right;}
.s05040106 .ui-accordion--faq .accordion__item{margin-bottom:0;}
.s05040106 .ui-accordion--faq .accordion__title {display: inline-block; box-sizing: border-box; text-align: center; font-size: 15px;}
.s05040106 .ui-accordion--faq .accordion__header span:nth-child(1){width:10%;}
.s05040106 .ui-accordion--faq .accordion__header span:nth-child(2){width:20%;}
.s05040106 .ui-accordion--faq .accordion__header span:nth-child(3){width:46%;}
.s05040106 .ui-accordion--faq .accordion__header span:nth-child(4){width:17%;}
.s05040106 .table td {background: #fff;}
.s05040106 .table td.t_head {font-weight: bold; color:#09326d; background: #e5ebee;}
.s05040106 .ui-accordion--faq .accordion__button{border-radius: 0;}
@media (max-width:767px){
  .s05040106 .school_th {display:none;}
  .s05040106 .ui-accordion--faq .accordion__header span:nth-child(2){width:80%; text-align:left;}
  .s05040106 .ui-accordion--faq .accordion__header span:nth-child(3){display:none;}
  .s05040106 .ui-accordion--faq .accordion__header span:nth-child(4){display:none;}
}
/* 동행정 복지센터 학교현황 Css End */

.sub02_01_01_01 .size{font-size:20px}

/* s06010404 장애인전용주차구역 이용안내 */
.s06010404 .pink-list li {color: rgb(228, 0, 121);}
/* s06010404 장애인전용주차구역 이용안내 End */

/* sub02_06_05_02 */
.s02060502 .basic.form-control{display:inline-block;width:auto;}


/* sub0709 알림창 모아보기 */
.s0709 .ui-list__column .inner .item{min-height:390px;}
/* sub0709 알림창 모아보기 End */

/* s0703 개인정보처리방침 */
.s0703 .list-2st>li:before{background-image:none; width:4px; height:4px; background-color:#114ab0; border-radius:50%}


/* sub05_10 관내지도 페이지 큰이미지로 보기 버튼 예외처리 */
@media (min-width: 768px) {
  .sub0510_map .pic_btn a {display: block; width: 60%; margin: 10px auto 0; padding: 10px 40px; border: 1px solid #ddd; background: #fff; text-align: center;}
}

/* sub0601060103 청소년관련 사이트 */
.s0601060103 .ui-list__column .inner .item{min-height: 393px;}
/* sub0601060103 청소년관련 사이트 end*/

/* 개인정보처리방침 수정 */
.privacy_policy .text-center h2.h2 {display:inline-block}
.privacy_policy .label_wrap{ width: 100%; box-sizing: border-box; display: flex; flex-flow: row wrap; position: relative;}
.privacy_policy .label_box{ width: calc(25% - 20px); box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); display: flex; flex-flow: column; justify-content: center; align-items:center; cursor: pointer; margin: 10px; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position:relative}
.privacy_policy .label_box:hover{transition: 0.2s; border: 1px solid #1647aa;}
.privacy_policy .label_cnt { font-size: 14px; margin-top: 20px; font-weight: 400; color: #111; text-align: center;}
.privacy_policy .label_layer{ display: none; position: absolute; box-sizing: border-box;     border-radius: 10px; background-color: #fff; border: 1px solid #eee;     width: 400px;     z-index: 999;}
.privacy_policy .label_desc_top{ width: 100%; box-sizing: border-box; padding:10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.privacy_policy .label_desc_top p{margin-top: 0; color: #fff;}
.privacy_policy .label_desc_btm{ width: 100%; box-sizing: border-box; padding: 15px 20px;}
.privacy_policy .label_desc_btm p {margin-top: 0;}
.privacy_policy .desc_wrap{display: flex;flex-flow: row wrap;}
.privacy_policy .desc_box{ width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;    }
.privacy_policy .desc_tit{ width: 30%; font-weight: 500; color: #1647aa; word-break: keep-all; margin: 0;}
.privacy_policy .desc_cnt{ width: 68%; color: #333; font-size: 14px; margin: 0;}
.privacy_policy .desc_icon{box-sizing: border-box;/* padding-left: 30px; */height: auto;margin: 0;}
.privacy_policy .desc_wrap{display: flex;flex-flow: row wrap;}
.privacy_policy .desc_box{width: 100%;border-radius: 10px;border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px;margin-top: 10px;display: flex;flex-flow: row wrap;justify-content: space-between;    } 

.privacy_policy .label_layer.num1,
.privacy_policy .label_layer.num2,
.privacy_policy .label_layer.num3,
.privacy_policy .label_layer.num6,
.privacy_policy .label_layer.num7,
.privacy_policy .label_layer.num8,
.privacy_policy .label_layer.num11,
.privacy_policy .label_layer.num12,
.privacy_policy .label_layer.num13 {top:0; left: 110%;}
.privacy_policy .label_layer.num4,
.privacy_policy .label_layer.num5,
.privacy_policy .label_layer.num9,
.privacy_policy .label_layer.num10,
.privacy_policy .label_layer.num14 {top:0; right: 110%;}

.privacy_policy .panel_box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all; float: none;}
.privacy_policy .panel_box.pds{padding:10px 20px;}
.privacy_policy .panel_box.pdm{padding:20px 25px;}
.privacy_policy .panel_box .tit_panel {margin: 0;margin-bottom: 15px;line-height:24px;font-weight:700;color: #165e9b;font-size: 20px;}
.privacy_policy .panel_box .tit_f17{font-size:17px;font-weight:500;}
.privacy_policy .panel_box .tit_f17 > *{font-size:17px;font-weight:500;}
.privacy_policy .panel_box .tit_f17 strong{color:#4374ac;}
.privacy_policy .panel_box.panel_step .tit_panel {color:#111;text-align: center;font-weight: 300;}
.privacy_policy .panel_box.panel_white {background-color: #fff;border: 1px solid #d9d9d9;}
.privacy_policy .panel_box .lineHeights li{margin-bottom:5px;}
.privacy_policy .cnt_list{width: 90%;margin: 20px auto 0px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.privacy_policy .cnt_list li {width: 50%;margin-bottom: 30px;position: relative;box-sizing: border-box;}
.privacy_policy .cnt_list li a{ color: #444;   font-weight: 400;box-sizing: border-box;padding-left: 30px;height: 25px;display: block;} 
.privacy_policy .cnt_list li a img {position:absolute; left:0; top:0; width:24px;}
.privacy_policy .list_icon{margin-right: 10px;vertical-align: middle;}

.privacy_policy .h2 .title-label {width: 40px; vertical-align: bottom;}

@media (max-width:1024px){
    .privacy_policy .label_box {width: calc(25% - 20px);}
    .privacy_policy .label_layer.num1,
    .privacy_policy .label_layer.num2,
    .privacy_policy .label_layer.num5,
    .privacy_policy .label_layer.num6,
    .privacy_policy .label_layer.num9,
    .privacy_policy .label_layer.num10,
    .privacy_policy .label_layer.num13,
    .privacy_policy .label_layer.num14 {left: 110%; right: auto;}
    .privacy_policy .label_layer.num3,
    .privacy_policy .label_layer.num4,
    .privacy_policy .label_layer.num7,
    .privacy_policy .label_layer.num8,
    .privacy_policy .label_layer.num11,
    .privacy_policy .label_layer.num12 {left: auto; right: 110%;}
}
@media (max-width:920px){
    .privacy_policy .label_box {width: calc(33.3333% - 20px);}
    .privacy_policy .label_layer {width: 100%;}
    .privacy_policy .label_layer.num1,
    .privacy_policy .label_layer.num2,
    .privacy_policy .label_layer.num4,
    .privacy_policy .label_layer.num5,
    .privacy_policy .label_layer.num7,
    .privacy_policy .label_layer.num8,
    .privacy_policy .label_layer.num10,
    .privacy_policy .label_layer.num11,
    .privacy_policy .label_layer.num13,
    .privacy_policy .label_layer.num14 {left: 110%; right: auto;}
    .privacy_policy .label_layer.num3,
    .privacy_policy .label_layer.num6,
    .privacy_policy .label_layer.num9,
    .privacy_policy .label_layer.num12 {left: auto; right: 110%;}
}
@media (max-width:640px){
    .privacy_policy .label_box {width: calc(50% - 20px); padding: 20px 5px;}
    .privacy_policy .label_desc_btm {padding: 15px 10px;}
    .privacy_policy .label_desc_btm p {font-size: 13px;}
    .privacy_policy .label_layer.num1,
    .privacy_policy .label_layer.num3,
    .privacy_policy .label_layer.num5,
    .privacy_policy .label_layer.num7,
    .privacy_policy .label_layer.num9,
    .privacy_policy .label_layer.num11,
    .privacy_policy .label_layer.num13 {left: 110%; right: auto;}
    .privacy_policy .label_layer.num2,
    .privacy_policy .label_layer.num4,
    .privacy_policy .label_layer.num6,
    .privacy_policy .label_layer.num8,
    .privacy_policy .label_layer.num10,
    .privacy_policy .label_layer.num12,
    .privacy_policy .label_layer.num14 {left: auto; right: 110%;}
}
@media (max-width:580px){
 .privacy_policy .cnt_list li {width:100%;}
 .privacy_policy .cnt_list li a {height: auto;}
}
/* 개인정보처리방침 수정 end */


/* 민원서식 QR코드 예시 페이지 */
.s02020102 .qr_wrap {display: flex;}
.s02020102 .qr_wrap li {text-align: center;}
.s02020102 .qr_wrap img {max-width: 235px;}
.s02020102 .qr_wrap li span {font-weight: bold;} 

/* 고향사랑기부제 */
.s040803 .obj {width: 100%; height: 100%;}
.s040803 .obj .col3{display: flex;flex-wrap: wrap;}
.s040803 .col {width: calc(33.33% - 9px);position: relative;border: 1px solid #ddd;margin-right: 13px;margin-top: 11px;background: #FCFAF3;} 
.s040803 .col:nth-child(3){margin-right:0;}
.s040803 .col .item {text-align: center;}
.s040803 .col .item .top {height: 95px;margin-bottom: 11px;}
.s040803 .col .item .top:before{display: block;content: "";position: absolute;top:0;left:0;width: 62px;height: 62px;background: url(/images/kr/sub04/s040803_item.png)no-repeat;}
.s040803 .col .item .top::after{display: block;content: "";position: absolute;bottom: 0px;right: 0px;width: 94px;height: 97px;background: url(/images/kr/sub04/s040803_item02.png)no-repeat;}
.s040803 .col .item .top strong{display: block;padding-top: 31px;color: #333;font-size: 20px;font-weight: 600; font-family: 'KHNPHD' !important;}
.s030903 .col .item .top p{padding-top: 12px;width: 160px;margin: 0 auto;}
.s040803 .col .item .bottom{margin-bottom: 33px;}
.s040803 .col .item .bottom span{border-radius: 50px;background: #42372C;box-shadow: 0px 3px 5px 0px rgba(66, 55, 44, 0.16);/* display:block; */padding: 9px 23px;color: #fff; font-family: 'KHNPHD' !important;}
.s040803 .col .item .bottom em{color: #FFD174;font-size: 16px;font-weight: 600;margin-left: 10px; font-family: 'KHNPHD' !important;}
.s040803 .col .item .bottom span.date{display:block; font-size: 15px; font-weight: 400; color: rgba(255, 255, 255, 0.60);}
@media (max-width:1279px) {
	.s040803 .col {width: calc(50% - 15px);}
	.s040803 .col:nth-child(2){margin-right:0px;}
	.s040803 .col:nth-child(3){margin-right:13px;}
}
@media (max-width:767px) {
	.s040803 .col {width: 100%; margin-right:0 !important;}
}

/* 드림스타트 인사말 */
.s06010701 .se01a_greetings .top .sub .sub_tit span:before{display: none;}
@media(max-width:1320px){
	.s06010701 .se01a_greetings .top{background-image:none;}
	.s06010701 .se01a_greetings .top .greetings_img{width: 35%;top: -20px;}
}
@media(max-width:767px){
	.s06010701 .se01a_greetings .top{background: #edf3fb url(/pcms/dist/img/p01/se01a_07_bg.png)no-repeat right bottom;z-index:1;}
	.s06010701 .se01a_greetings .top .greetings_img{display:none;}
}

@media(max-width:640px){
	.s06010701 .se01a_greetings .top{background-image:none;}
}

/* 드림스타트 조직도 */
.s06010702 .orgwrap {position: relative;}
.s06010702 .orgwrap span {background:#eee;display:inline-block;width:100%;height:45px;line-height:45px;text-align: center;}
.s06010702 .org-ul {position: relative; overflow: hidden; padding-bottom:30px; text-align: center; z-index:0;}
.s06010702 .org-ul:before {content:"";position: absolute;left: 50%;transform: translateX(-50%);margin-left:-0.5px;width:1px;height:100%;background:#e3e3e3;z-index:-1;}
.s06010702 .org-ul li .t_title {position: relative;margin: 0 auto;width: 285px;background: #007dc4;color: #fff;font-size:18px;border-radius: 5px 5px 0 0;}
.s06010702 .org-ul li .t_title:before {content:""; position: absolute; right:-7px; bottom:0; width:149px; height:149px; background:url(/images/kr/sub05/sub05_01_01_bg.png) no-repeat; z-index:-1;}
.s06010702 .org-ul li .t_title strong{display:block; width:100%; height:100%;}
.s06010702 .org-ul li .t_title span{border-radius:0;background:#fff;color:#666;font-weight:300;font-size:15px;border: 1px solid #eee;}
.s06010702 .lv2{clear:both;}
.s06010702 .lv2 strong{display: block;width:100%;height:100%;background: #39404b;color:#fff;border-radius: 5px 5px 0 0;}
.s06010702 .lv2 span {width: 285px;margin: 0 auto;font-size:16px;clear:both;background: #fff;color:#666;border:1px solid #eee;}
.s06010702 .lv3 {position: relative;float:right;}
.s06010702 .lv3:before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: -262px;width: 272px;height: 1px;background: #e3e3e3;}
.s06010702 .lv3 li {text-align: right;}
.s06010702 .lv3 li + li {margin-top:10px;}
.s06010702 .lv3 li span {max-width:200px;}
.s06010702 .lv3 li span.tit{border-radius:5px 5px 0 0;}
.s06010702 .lv3 li span.con{background:#fff; border:1px solid #eee;}
.s06010702 .org-ul2 {position: relative; overflow: hidden; padding-top:30px}
.s06010702 .org-ul2:before {content: "";position: absolute;left: 16.2%;top: 0;width: 67.3%;height: 1px;background: #e3e3e3;}
.s06010702 .org-ul2 .org01 {position: relative;float:left;width: calc(33% - 4px);min-height: 177px;border: 1px solid #eee;border-radius: 5px;z-index:0;}
.s06010702 .org-ul2 .org01:before {content:"";position: absolute;top:-30px;left:50%;transform: translateX(-50%);width:1px;height:30px;background: #e3e3e3;z-index:-1;}
.s06010702 .org-ul2 .org01 span {border-radius: 5px 5px 0 0;}
.s06010702 .org-ul2 .org01 + .org01 {margin-left:1%;}
.s06010702 .org-ul2 .org01 > ul {padding: 0 3px;}

@media(max-width:1320px){
	.s06010702 .lv3,.s06010702 .lv3 li{float:none;}
	.s06010702 .lv3 ul{margin:30px auto; width: 285px;}
	.s06010702 .lv3 li span{max-width:100%;}
	.s06010702 .lv3:before{left:-275px; width:285px}
}

@media(max-width:900px){
	.s06010702 .org-ul2:before{left: 24.6%;width: 50.1%;}
	.s06010702 .org-ul2 .org01{width: calc(50% - 5px); margin-bottom:30px;}
	.s06010702 .org-ul2 .org01:nth-child(3n){margin-left:0;}
}

@media(max-width:550px){
	.s06010702 .org-ul li .t_title,.s06010702 .lv2 span, .s06010702 .lv3 ul{width:100%}
	.s06010702 .org-ul2:before{display:none}
	.s06010702 .org-ul2 .org01{width:100%;}
}

.s060510 .top_box {display: flex; flex-flow: wrap;}
.s060510 .top_box .imgbox {width: calc(32% - 2px); margin: 7px;}
.s060510 .ui-list__column.col5 .inner {min-height: 210px;}
.s060510 .circle.circle.circle-sm .ir-icon__line {width: 54px; height: 54px;}
@media(max-width:1320px){
  .s060510 .top_box .imgbox {margin: 6px;}
}
@media(max-width:1024px){
  .s060510 .ui-list__column.col5 .inner {min-height: 185px;}
}
@media(max-width:900px){
  .s060510 .top_box .imgbox {width: calc(50% - 6px); margin: 3px;}
}
@media(max-width:767px){
  .s060510 .top_boxP{display: block;}
  .s060510 .top_box .imgbox {width: 100%;}
}

/* 060108 절차도 예외 */
.sub06_01_08 .list-1st li, .sub06_01_08 .list-2st li, .sub06_01_08 p{font-size:18px;}
.sub06_01_08 .ui-process.type2 > li .inner .ui-process__title{font-size: 17px;letter-spacing: -1px;}
.sub06_01_08 .ui-process.type2.step3>li:nth-child(6) .inner:after{display:none;}

/* 060109 보듬카car */
.s060109 img.imgmo{display: none;}
@media(max-width:500px){
  .s060109 img.imgpc{display: none;}
	.s060109 img.imgmo{display: block;}
}

.s020511 .table a {color:#666!important}

/* 고향사랑기부제 */
.sub04_08_01 .infobox.type02 .images-circle{top: 55px;}
.sub04_08_01 .infobox .inner .txtwrap ul{margin: 10px 0;}
.sub04_08_01 .infobox .inner .txtwrap ul li{padding-left: 20px;}