@charset "utf-8";
/* 탭메뉴 */
.ui-tab_group .tab__body.active {overflow: visible;height: auto;visibility: visible;opacity: 1;}
.ui-tab_group .tab__body {overflow: hidden;visibility: hidden;height: 0;opacity: 0;}
.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;}
/* 탭메뉴 End */

/* 비주얼 테이블 */
.th_visual {background-color:#fafafa; color: #666666; font-weight: bold; text-align: left;}

/* 보건소 ce 공통 */
.infobox .inner .txtwrap ul li {padding-left: 25px;}

/* sub030902 */
.ai_iot .prc.type5 > li{min-height: 280px;}

@media(max-width : 1350px){
  .ai_iot .prc.type5.step4 > li{width: calc(50% - 40px);}
  .ai_iot .prc.type5 > li:nth-child(2):before{top: auto; bottom: -24px;right: 0;left: 50%;margin-left: -16px;transform: rotate(90deg);}
  .ai_iot .prc.type5 > li:nth-child(3){float: right;}
  .ai_iot .prc.type5 > li:nth-child(3):before{left: -32px;right: 0;transform: rotate(180deg);}
}
@media(max-width : 600px){
  .ai_iot .prc.type5.step4 > li{width: calc(100% - 40px);}
  .ai_iot .prc.type5 > li:last-child:before{display: none;}
  .ai_iot .prc.type5 > li:before, .ai_iot .prc.type5 > li:nth-child(3):before{top: auto;bottom: -24px;right: 0;left: 50%;margin-left: -16px;transform: rotate(90deg);}
}
/* sub030902 End */

/* sub031202 건강도시 */
.s031202_wrap{text-align: center;}

.s031202_wrap .top{display: inline-block;position: relative;margin-bottom:23px;}
.s031202_wrap .top::after{content: "";position: absolute;left:50%;bottom:-30px;width:1px;height:30px;background: #babdc4;margin-left:-0.5px;}
.s031202_wrap .top .main_title{width:271px;height:271px;border-radius: 100%;border:2px solid #2364cb;background: #fff;overflow: hidden;text-align: center;position: relative;display: table;margin:0 auto;z-index: 1;}
.s031202_wrap .top .main_title .inner{display: table-cell;vertical-align: middle;position: relative;}
.s031202_wrap .top .main_title .inner:before{content: "";position: absolute;left:-75px;bottom:-60px;width:239px;height:237px;background: url(/images/health/sub03/sub031202_topbg.png) no-repeat;}
.s031202_wrap .top .main_title .inner em{color:#2c539a;font-size:16px;font-family: "scroe";display: inline-block;padding:2px 10px;border:1px solid #2364cb;border-width:1px 0 1px 0;}
.s031202_wrap .top .main_title .inner strong{display: block;color:#2c539a;font-size:25px;line-height: 1.28;letter-spacing: -0.03em;font-weight:bold;font-family: "score";margin-top:28px;}
.s031202_wrap .top .sub_title .box{border-radius: 100%;background: #f1f5fb;color:#00274e;font-size:17px;font-weight:bold;letter-spacing: -0.05em;line-height: 1.17;width:200px;height:200px;text-align: center;display: table;margin:0 auto;}
.s031202_wrap .top .sub_title .box strong{display: table-cell;vertical-align: middle;}
.s031202_wrap .top .sub_title .box.left{position: absolute;left:-160px;top:50%;transform: translateY(-50%);z-index: -1;}
.s031202_wrap .top .sub_title .box.right{position: absolute;right:-160px;top:50%;transform: translateY(-50%);z-index: -1;}
.s031202_wrap .top .sub_title .box.left strong::before{content: "";width:30px;height:31px;display: block;background: url(/images/health/sub03/sub031202_left.png) no-repeat;margin:0 auto 23px;}
.s031202_wrap .top .sub_title .box.right strong::before{content: "";width:37px;height:29px;display: block;background: url(/images/health/sub03/sub031202_right.png) no-repeat;margin:0 auto 23px;}

.s031202_wrap .bottom{}
.s031202_wrap .bottom > ul{margin-left:-16px;padding-top:30px;overflow: hidden;position: relative;}
.s031202_wrap .bottom > ul::before{content: "";position: absolute;left:13.3%;top:0;width:75.1%;height:1px;background: #babdc4;}
.s031202_wrap .bottom > ul > li{float:left;width:calc(25% - 16px);margin-left:16px;border:1px solid #babdc4;border-radius: 5px;min-height:343px;padding:24px 10px;position: relative;background: #fff;}
.s031202_wrap .bottom > ul > li::before{content: "";position: absolute;left:50%;top:-30px;width:1px;height:100px;background: #babdc4;margin-left:-0.5px;z-index: -1;}
.s031202_wrap .bottom > ul > li .icon{border-radius: 100%;width:85px;height:85px;margin:0 auto 23px;display: block;position: relative;}
.s031202_wrap .bottom > ul > li strong{color:#00274e;font-size:15px;font-weight:bold;letter-spacing: -0.1em;line-height: 1.33;position: relative;display: block;z-index: 1;}
.s031202_wrap .bottom > ul > li strong::before{content: "";position: absolute;left:0;bottom:-2px;width:100%;height:13px;z-index: -1;opacity: 0.1;}
.s031202_wrap .bottom > ul > li ul{text-align: left;}
.s031202_wrap .bottom > ul > li ul li{font-size:15px;letter-spacing: -0.1em;}

.s031202_wrap .bottom > ul > li:nth-child(1) .icon,
.s031202_wrap .bottom > ul > li:nth-child(1) strong::before{background: #4a45ac;}
.s031202_wrap .bottom > ul > li:nth-child(2) .icon,
.s031202_wrap .bottom > ul > li:nth-child(2) strong::before{background: #153b75;}
.s031202_wrap .bottom > ul > li:nth-child(3) .icon,
.s031202_wrap .bottom > ul > li:nth-child(3) strong::before{background: #1953ae;}
.s031202_wrap .bottom > ul > li:nth-child(4) .icon,
.s031202_wrap .bottom > ul > li:nth-child(4) strong::before{background: #2f68c2;}
.s031202_wrap .bottom > ul > li:nth-child(5) .icon,
.s031202_wrap .bottom > ul > li:nth-child(5) strong::before{background: #0e8abd;}
.s031202_wrap .bottom > ul > li:nth-child(6) .icon,
.s031202_wrap .bottom > ul > li:nth-child(6) strong::before{background: #1b9d8e;}

.s031202_wrap .bottom > ul > li .icon em{display: block;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:37px;height:37px;background: url(/images/health/sub03/sub031202_iconlist.png) no-repeat;}
.s031202_wrap .bottom > ul > li .icon em.icon01{background-position: 0 0 ;}
.s031202_wrap .bottom > ul > li .icon em.icon02{background-position: -47px 0 ;}
.s031202_wrap .bottom > ul > li .icon em.icon03{background-position: -94px 0 ;}
.s031202_wrap .bottom > ul > li .icon em.icon04{background-position: -141px 0 ;}
.s031202_wrap .bottom > ul > li .icon em.icon05{background-position: -188px 0 ;}
.s031202_wrap .bottom > ul > li .icon em.icon06{background-position: -235px 0 ;}

@media(min-width:1328px) and (max-width:1403px){
    .s031202_wrap .bottom > ul > li{min-height:362px;}
}
@media(min-width:1280px) and (max-width:1327px){
    .s031202_wrap .bottom > ul > li{min-height:440px;}
}
@media(max-width:1069px){
    .s031202_wrap .bottom > ul::before{left:25.8%;width:50%;}
    .s031202_wrap .bottom > ul > li{float:left;width:calc(50% - 16px);margin-bottom:20px;}
    .s031202_wrap .bottom > ul > li strong{padding:0 5px;display: inline-block;}
}
@media(max-width:640px){
    .s031202_wrap .top::after{height:700px;}
    .s031202_wrap .top .sub_title .box{margin:30px auto;}
    .s031202_wrap .top .sub_title .box.left{position: relative;left:auto;top:auto;transform: none;z-index: 1;}
    .s031202_wrap .top .sub_title .box.right{position: relative;right:auto;top:auto;transform: none;z-index: 1;}
}
@media(max-width:560px){
    .s031202_wrap .bottom > ul{margin-left:0;padding-top:0;}
    .s031202_wrap .bottom > ul::before{display: none;}
    .s031202_wrap .bottom > ul > li{float:none;width:100%;margin-left:0;min-height:auto;}
}
/* sub031202 건강도시 End */

/* sub030304 산모,신생아 건강관리 지원사업 서비스 가격표 1820* */
.s030304 {display:block;width:100%;overflow-x:auto;}
.s030304 .table {width:1820px;}
/* sub030304 산모,신생아 건강관리 지원사업 서비스 가격표 End */

/* sub040204 예방접종별정보 */
.s040204 .ui-accordion--faq .accordion__button.none_button:after{display:none;}
.s040204 .ui-accordion--faq .accordion__header.none_button:after{display:none;}
.s040204 .ui-accordion--faq .accordion__button.none_button:hover .accordion__title, .s040204 .ui-accordion--faq .accordion__button.none_button:focus .accordion__title{color:#3a3a3a;}
/* sub040204 예방접종별정보  End */

/* sub0101 인사말 */
 .s0101 .h2{font-size:26px; margin:40px 0 20px}
 .s0101 .txt-h2{letter-spacing: -1.7px;}
 .s0101 .txt-blue{color:#114ab0; font-weight:bold;}
 @media (max-width:840px){
    .s0101 .h2{font-size:22px;}
 }
/* sub0101 인사말 End */

/* sub040105 리스트 */
.s040105.list-1st > li {margin-bottom:15px;}
/* sub040105 리스트 End */

/* s0107 보건지소 및 보건진료소 안내 */
.s0107 .vlist__bodo.type1 .obj .item .inner .ui-bodo__summary .list-1st {text-align: left;}
@media (max-width: 767px) {
.s0107 .vlist__bodo.type1 .obj .item .inner {padding: 25px 0;}
}
.s0107 .tab__body {margin-top:10px;}
.s0107 .ui-tab_content .tab__body .bt_0 {border-top:none;}
/* s0107 보건지소 및 보건진료소 안내 End */

/* s010802 진잠 건강나눔센터 */
.s010802 .infobox .images-circle {width:202px; top:23px;}
.s010802 .infobox .images-circle img {display:inline-block;width:100%;border-radius: 50%;}
.s010802 .infobox .inner .txtwrap ul li {padding-left: 80px;}
@media (max-width: 1024px) {
    .s010802 .infobox .inner .txtwrap ul li {padding-left: 0;}
}
@media (max-width:640px) {
    .s010802 .infobox .images-circle {display:block; margin:0 auto 25px;}
}
/* s010802 진잠 건강나눔센터 End */

/* s0201 진료안내 공통 */
.obj .item .ui-text {text-align: left;}
.s0201 .obj .item .prc.type5 > li {min-height:136px;}
.s0201 .obj .item .prc.type5 > li .inner {min-height:auto; padding:0;}
.s0201 .obj .item .prc.type5 > li .inner .item {display:inline-block; border-bottom: 0;}

@media (max-width:1319px) and (min-width:1280px) {
    .s020101 .obj .item .prc.type5 > li {min-height:156px;}
}
@media (max-width:816px) and (min-width:768px) {
    .s020101 .obj .item .prc.type5 > li {min-height:156px;}
}
@media (max-width:500px) {
    .s020101 .obj .item .prc.type5 > li {min-height: auto;}
}

@media(max-width:1433px) and (min-width:1322px) {
    .s020102 .obj .item .prc.type5 > li {min-height: 158px;}
}
@media(max-width:1321px) and (min-width:1280px) {
    .s020102 .obj .item .prc.type5 > li {min-height: 178px;}
}
@media(max-width:1093px) and (min-width:972px) {
    .s020102 .obj .item .prc.type5 > li {min-height: 158px;}
}
@media(max-width:971px) and (min-width:844px) {
    .s020102 .obj .item .prc.type5 > li {min-height: 178px;}
}
@media(max-width:843px) and (min-width:768px) {
    .s020102 .obj .item .prc.type5 > li {min-height: 200px;}
}
@media(max-width:530px) and (min-width:501px) {
    .s020102 .obj .item .prc.type5 > li {min-height: 158px;}
}
@media(max-width:500px) {
    .s020102 .obj .item .prc.type5 > li {min-height: auto;}
}

.s020104 .obj .item .prc.type5 > li {min-height: 178px;}
@media(max-width:1352px) and (min-width:1280px) {
    .s020104 .obj .item .prc.type5 > li {min-height: 200px;}
}
@media(max-width:1279px) and (min-height:939px) {
    .s020104 .obj .item .prc.type5 > li {min-height: 158px;}
}
@media(max-width:843px) and (min-height:768px) {
    .s020104 .obj .item .prc.type5 > li {min-height: 200px;}
}
@media(max-width:767px) and (min-height:531px) {
    .s020104 .obj .item .prc.type5 > li {min-height: 136px;}
}
@media(max-width:530px) and (min-height:501px) {
    .s020104 .obj .item .prc.type5 > li {min-height: 158px;}
}
@media(max-width:500px) {
    .s020104 .obj .item .prc.type5 > li {min-height: auto;}
}
/* s0201 진료안내 공통 End */

/* 보건소 ce */
.infobox .inner .txtwrap ul.list-2st {margin: 4px 0}
.infobox .inner .txtwrap ul.list-2st li {margin-bottom:3px;}
/* 보건소 ce End */

/* s0105 보건소 청사안내 */
.s0105 .tab__body a {display:block; padding:8px; border:1px solid #dedede; transition:all 0.3s; -webkit-transition:all .3s;}
.s0105 .tab__body a:hover {border-color:#4175c7;}
.s0105 .tab__body a img {display:block;}
.s0105 .tab__body .bodo-v {margin-top:15px}

@media (max-width:767px) {
    .s0105 .txt-box1 strong {padding-bottom:10px;}
    .s0105 .txt-box1 strong:after {width:17px;height:1px;top:100%;left:0;right:auto;}
    .s0105 .txt-box1 p {display:block; padding-left:0; margin-top:10px;}
}
/* s0105 보건소 청사안내 End */

/* s0106 보건소 찾아오는 길 */
.s0106.location_conbox_type02 .con_box .way ul li {padding: 15px 0;}
.s0106.location_conbox_type02 .con_box .way ul li b {display:block;position:static;top:auto;left:auto}
.s0106.location_conbox_type02 .con_box .way ul li:nth-child(1) {padding-top:0}
/* s0106 보건소 찾아오는 길 End */

/* s0306 건강증진센터 */
.s0306.imgbox {margin-bottom: 0;}
/* s0306 건강증진센터 End */

/* s040202 예방접종이란? */
@media (max-width:1295px) and (min-width:1280px) {
    .s040202 .prc.type5 > li {min-height: 203px;}
}
@media (max-width:770px) and (min-width:768px) {
    .s040202 .prc.type5 > li {min-height: 203px;}
}
/* s040202 예방접종이란? End */

/* s040204 예방접종별정보 */
.s040204 .ui-accordion--faq.etc:after {content: ""; display: block; clear: both;}
.s040204 .ui-accordion--faq.etc .solo {float: left; width: calc(50% - 7.5px);}
.s040204 .ui-accordion--faq.etc .solo:nth-of-type(2n + 2) {margin-left: 15px;}
@media (max-width:767px) {
    .s040204 .ui-accordion--faq.etc .solo {float: none; width: auto;}
    .s040204 .ui-accordion--faq.etc .solo:nth-of-type(2n + 2) {margin-left: 0;}
}
/* s040204 예방접종별정보 End */

/* s030306 신생아 청각 선별검사 */
.s030306 .fir_step li {min-height:200px;}
.s030306 .sec_step li {min-height:220px;}
@media (max-width:907px){
    .s030306 .sec_step li, .s030306 .fir_step li {min-height:260px;}
}
@media (max-width:767px){
    .s030306 .fir_step li {min-height:180px;}
    .s030306 .sec_step li {min-height:220px;}
}
@media (max-width:604px){
    .s030306 .fir_step li {min-height:195px;}
    .s030306 .sec_step li {min-height:260px;}
}
@media (max-width:500px){
    .s030306 .sec_step li, .s030306 .fir_step li {min-height:auto;}
}
/* s030306 신생아 청각 선별검사 End */

/* flex */
.flex-box {display: flex; flex-wrap: wrap;}
.flex-box .title {margin-right:5px; margin-bottom: 10px;}
.p-text {font-size: 15px;}

/* sub03020101 sub03020402 */
.sub03020101 td, .sub03020402 td {font-size:15px}

.color_red{color: #da4453;}