@charset "utf-8";

/*이미지 확대 버튼*/
.pic_btn a, .ds_no {display: none;}
.pic_btn a:hover{background-color:#236dc7;color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
.pic_img{text-align: center;}
}
@media(max-width:560px){
.pic_btn a {width: 75%;}
}
@media(max-width:450px){
.pic_btn a {width: 100%;}
}


/* 아이프레임 */
.iframe_topbox .ui-topbox.type1 .inner {padding-left: 30px;}
.iframe_box {overflow: hidden; width: 100%; height: 550px;}
.iframe_box.long {height: 875px;}
.iframe_box iframe {width: 100%; height: 100%; border: 0;}

/* 아코디언 */
.ui-accordion--faq .ir-question {display: table-cell; font-size: 24px;color: #2c63ba ;background: none; vertical-align: middle; padding-right: 20px;}

/* 탭메뉴 */
.tab-ul.type2 li.active{position:relative;z-index:11;}
.tab-ul.type2 li.active a,
.tab-ul.type2 li.active a:active,
.tab-ul.type2 li.active a:focus,
.tab-ul.type2 li.active a:hover{border:3px solid #042557;color:#042557;background-color: #fff;}
.tab-ul.type2 li.active a span:before,
.tab-ul.type2 li.active a:active span:before,
.tab-ul.type2 li.active a:focus span:before,
.tab-ul.type2 li.active a:hover span:before{display: block; position: absolute; top: 50%; right:15px; z-index: 1; width:16px; height:10px; margin-top: -5px; background:url(/pcms/dist/img/tab_on_arrow.jpg)no-repeat;}

.ui-tab_group .tab__body{overflow:hidden;visibility:hidden;height:0;opacity:0;}
.ui-tab_group .tab__body.active{overflow:visible;height:auto;visibility:visible;opacity:1;}

/* 테이블 */
.table tbody>tr>td.t_bg {background-color: #fafafa;}

.table_box {position: relative; overflow: hidden;}
.table_box .left {float:left; width:52%; margin-right:2%;}
.table_box .right {float:right; width:46%; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.table_box .right img {display: block; margin: 0 auto;}
@media(max-width:1280px){
    .table_box {padding: 10px 0;}
}
@media(max-width:1204px){
.table_box {padding: 0;}
  .table_box .right {position: static; margin-bottom:30px; transform: none;}
  .table_box .left,
  .table_box .right {float:none; width:100%; margin-right:0;}
}

/* infobx icon */
.infobox .inner .txtwrap ul li span .ico.ico12 {background-position:-264px 0;}
.infobox .inner .txtwrap ul li span .ico.ico13 {background-position:-287px 0;}
.infobox .inner .txtwrap ul li span .ico.ico14 {background-position:-311px 0;}

/* 리스트스타일 left정렬 */
.vlist__bodo.type1 .obj .item .inner .ui-bodo__summary .list-1st,
.vlist__bodo.type1 .obj .item .inner .ui-bodo__summary .list-2st,
.vlist__bodo.type1 .obj .item .inner .ui-bodo__summary .list-3st,
.vlist__bodo.type1 .obj .item .inner .ui-bodo__summary .txt-tip {text-align: left;}

/* txt-box3 */
.txt-box3 { margin: 10px 0; border-radius: 5px; padding: 20px 25px; background: #f6f7f9;}

/* 제목형박스 se16b 시작 */
.se16b_type .title_box{border:1px solid #4c5774;border-radius:15px;position: relative;overflow: hidden;padding:24px 23px;margin-bottom:25px;z-index: 1;}
.se16b_type .title_box::before{content: "";position:absolute;right:0;bottom:0;background: url(/pcms/dist/img/p01/title_box_bg.png) no-repeat;width:320px;height:80px;background-size:cover;z-index: -1;}
.se16b_type .title_box strong{color:#00274e;font-size:20px;letter-spacing: -0.025em;font-weight:bold;}

@media(max-width:640px){
    .se16b_type .title_box{padding:20px 23px;}
	.se16b_type .title_box strong{font-size:18px;}
    .se16b_type .title_box::before{width:150px;height:100px;}
}
/* 제목형박스 se16b 끝 */

/* 절차도 화살표 */
.prc.type5 > li:before {left: auto;}

/* sub0103 찾아오시는길 */
.s0103 .location_conbox_type02 .con_box {padding: 50px 50px 25px; min-height: 411px;}
.s0103 .location_conbox_type02 .con_box .way ul li {padding: 15px 0;}
.s0103 .location_conbox_type02 .con_box .way ul li:nth-child(1) {padding-top: 0;}
.s0103 .location_conbox_type02 .con_box .way ul li b {display: block; position: relative; left: auto; top: auto;}
@media (max-width: 767px){
    .s0103 .location_conbox_type02 .con_box {min-height: auto;padding: 50px 30px;}
    .s0103 .location_se04b .map_box .map_info .map_title strong br {display: none;}
}
/* sub0103 찾아오시는길 End */


/* sub0201 다함께 검수!~ */
.s0201 .prc.type5 > li {min-height: 126px;}
@media (max-width: 830px){
    .s0201 .prc.type5 > li {min-height: 151px;}
}
@media (max-width: 767px){
    .s0201 .prc.type5 > li {min-height: 126px;}
}
@media (max-width: 500px){
    .s0201 .prc.type5 > li {min-height: auto;}
}
/* sub0201 다함께 검수!~ End */

/* sub0202 공동주택 전자투표서비스 지원사업 */
.s0202 .prc.type5 > li {min-height: 163px;}
@media (max-width: 830px){
    .s0202 .prc.type5 > li {min-height: 208px;}
}
@media (max-width: 767px){
    .s0202 .prc.type5 > li {min-height: 161px;}
}
@media (max-width: 500px){
    .s0202 .prc.type5 > li {min-height: auto;}
}
/* sub0202 공동주택 전자투표서비스 지원사업 End */

/* sub0207 임대사업자 */
.s0207 .txt-box2 {padding: 15px; border: none; border-radius: 5px; background: #f6f7f9;}
.s0207 .txt-box2 ul {margin: 0;}
.s0207 .txt-box2 strong {font: 15px;}
/* sub0207 임대사업자 End */

/* sub02_08 층간소음 상담실운영 및 예방교육 실시 */
.s0208 .prc_h ul li .txt{width: calc(100% - 80px);}
.s0208 .prc_h ul li .txt h3{margin-top: 0;}
/* sub02_08 층간소음 상담실운영 및 예방교육 실시 End */

/* sub01_01 센터소개 및 설립배경 */
.s0101 .greetings_se01c.health:after {display: none;}
.s0101 .greetings_se01c.health .inner {width:100%;}
.s0101 .greetings_se01c.health .inner::after {right: 20px;}
@media (max-width:350px){
    .s0101 .greetings_se01c.health .inner {padding:20px;}
    .s0101 .greetings_se01c.health .inner strong{font-size:26px;}
 }
/* sub01_01 센터소개 및 설립배경 */


.s0202 .se16b_type .title_box, .s0203 .se16b_type .title_box, .s0204 .se16b_type .title_box{margin-bottom:0}