@charset "utf-8";

.table thead th {text-align: center;}

.vlist__bodo.type1 .obj:first-child>.item.long + .item {border-top: 0;}
.vlist__bodo .obj>.item.bb_dashed {border-bottom: 1px dashed rgba(127,127,127,0.2) !important;}
.vlist__bodo .obj>.item.bb_0 {border-bottom: 0 !important;}
.vlist__bodo.type1 .obj.col2>.item.dashed, .vlist__bodo.type2 .obj.col2>.item.dashed {border-bottom: 1px dashed rgba(127,127,127,0.2)}

@media (max-width: 767px){
    .vlist__bodo .obj .item>.inner .ui-bodo__summary .text_box > .list-1st {display: inline-block; max-width: 100%;}
    .vlist__bodo .obj .item>.inner .ui-bodo__summary .text_box > .num-list {display: inline-block;}
    .vlist__bodo .obj .item>.inner .ui-bodo__summary .text_box > .txt-check,
    .vlist__bodo .obj .item>.inner .ui-bodo__summary .text_box > .txt-tip,
    .vlist__bodo .obj>.item>.inner>.ui-bodo__summary p.txt_bul {display: inline-block;}
}

.list-1st li p.txt-tip, .list-1st li p.txt-check {margin: 0;}
.h4 .tb_right {float:right; padding-left:20px; color: #4d4d4d; font-size: 16px;font-weight: normal;}

/* se16과 비슷한 타입 박스 */
.terror_safety .item{overflow:hidden; display: flex;justify-content: space-between; align-items: center; margin-bottom:40px;padding-bottom:40px;border-bottom:1px dashed rgba(0,0,0,0.5);}
.terror_safety .item:last-child {margin-bottom: 0;padding-bottom: 0; border-bottom: none;}
.terror_safety .item .tit{overflow:hidden;position:relative;width:280px;height:172px; background: #fff;border:1px solid #8ebce4;border-radius:0 50px 0 0;z-index: 1;}
.terror_safety .item .tit.bg01{border-color:#afd2a1;}
.terror_safety .item .tit.bg02{border-color:#a0b6d6;}
.terror_safety .item .tit.bg03{border-color:#65bbc0;}
.terror_safety .item .tit.bg04{border-color:#f1b1bf;}
.terror_safety .item .tit .bg{display:table;table-layout:fixed;width:100%;height:100%;text-align:center;}
.terror_safety .item .tit:before{content:"";position:absolute;right:-50px;bottom:-50px;z-index:-1;width:150px;height:150px;background-size:cover;}
.terror_safety .item .tit.bg01:before{background-image:url(/images/kor/sub06/terror_safety_bg01.png);}
.terror_safety .item .tit.bg02:before{background-image:url(/images/kor/sub06/terror_safety_bg02.png);}
.terror_safety .item .tit.bg03:before{background-image:url(/images/kor/sub06/terror_safety_bg03.png);}
.terror_safety .item .tit.bg04:before{background-image:url(/images/kor/sub06/terror_safety_bg04.png);}
.terror_safety .item .tit strong{display:table-cell;padding: 0 10px;vertical-align:middle;color:#222;font-size:17px;font-weight:bold;text-align:center; line-height: 1.4;}
.terror_safety .item .txt{width:calc(100% - 350px);}
@media (max-width:850px){
    .terror_safety .item {flex-direction: column;}
	.terror_safety .item .tit{width:100%;margin-bottom:20px;height:80px;}
	.terror_safety .item .tit:before{right:-20px;bottom:-35px;width:95px;height:95px;}
	.terror_safety .item .txt{width:100%;}
}
/* se16과 비슷한 타입 박스 End */

/* 특별 sg리스트 */
.sg_list{display:flex;flex-wrap:wrap;margin: 0 -10px;}
.sg_list::after{content:"";display:block;clear:both;visibility:hidden;}
.sg_list li{display: inline-flex; justify-content: flex-start; align-items: center;position:relative;margin:10px 10px 0;padding:20px;background:#fff;border:1px solid #ddd;border-radius:7px;color:#222;font-size:16px;letter-spacing:-0.025em;line-height:1.2;}
.sg_list li::after{content:"";position:absolute;left:7px;top:7px;z-index:-1;width:100%;height:100%;background:#f4f6fa;border-radius:7px;opacity: 0.6;}

.sg_list.col1 li{width:100%;}
.sg_list.col2 li{width:calc(50% - 20px);}
.sg_list.col3 li{width:calc(33.33% - 20px);}
.sg_list.col4 li{width:calc(25% - 20px);}

@media(max-width:767px){
    .sg_list.col4 li{width:calc(33.33% - 20px);}
}
@media(max-width:550px){
    .sg_list.col2 li {width: calc(100% - 20px);}
    .sg_list.col3 li,
    .sg_list.col4 li{width:calc(50% - 20px);}
}
/* 특별 sg리스트 End */

/* info 박스 내용 짧은 버전 .short */
.infobox.short {min-height: auto;}
.infobox.short .images-circle {top: 50%; transform: translateY(-50%);}
@media (max-width: 1023px){
    .infobox.short .images-circle {top: auto; transform: none;}
}

/* sub0101 인사말 */
.s0101 .greetings_se01d .inner .top_box {padding: 50px 70px;}
.s0101 .greetings_se01d .inner .bottom_box .name {font-size: 22px;}
.s0101 .greetings_se01d .inner .bottom_box .name span {font-size: 18px;}
@media (max-width: 1023px) {
    .greetings_se01d .inner .top_box .greetings_title em br {display: block;}
    .s0101 .greetings_se01d .inner .top_box {padding: 50px 30px;}
}
@media (max-width: 767px) {
    .s0101 .greetings_se01d .inner .bottom_box .name {font-size: 20px;}
    .s0101 .greetings_se01d .inner .bottom_box .name span {font-size: 16px;}
}
@media (max-width: 590px) {
    .s0101 .greetings_se01d .inner .top_box {padding: 30px 15px;}
    .greetings_se01d .inner .top_box .greetings_title em {font-size: 24px;}
    .greetings_se01d .inner .top_box .greetings_title strong {font-size: 16px;}
    .greetings_se01d .inner .top_box .greetings_title em br {display: none;} 
}
/* sub0101 인사말 End */


/* sub0102 연혁 및 현황 */
.s0102 .history_se02c .history_list .item .list-1st, .s0102 .history_se02c .history_list .item .txt_bul {display: inline-block; text-align: left;width: 445px;}
@media (max-width:600px) {
    .s0102 .history_se02c .history_list .item .list-1st, .s0102 .history_se02c .history_list .item .txt_bul {width: 100%;}
}
/* sub0102 연혁 및 현황 End */


/* sub0104 찾아오시는길 */
.s0104 .location_se04b .map_box .map_info .map_lst ul li {padding-left: 105px;}
@media (max-width: 500px){
    .s0104 .location_se04b .map_box .map_info .map_lst ul li {padding-left: 0;}
}
/* sub0104 찾아오시는길 */

/* sub0105 보건소 안내 */
.s0105 .bodo-v .col {overflow: hidden;border: 1px solid #ededed;}
.s0105 .bodo-v .col .v_imgbox {margin-bottom: 0;}
.s0105 .bodo-v .v_txt {padding: 25px 4%; }
@media (max-width: 767px){
    .s0105 .bodo-v .col+.col {padding-top: 0;border-top:none}
}
/* sub0105 보건소 안내 End */

/* sub020101 일반진료 */
.s020101 .prc.type2 > li .inner .prc__title {min-height: 118px;}
.s020101 .ui-topbox .inner .txtwrap p {margin-top: 10px;}
@media (max-width:1428px) {
    .s020101 .prc.type2 > li .inner .prc__title {min-height: 138px;}
}
@media (max-width:980px) and (min-width:768px) {
    .s020101 .prc.type2.step3 > li{width:calc(50% - 43px);}
    .s020101 .prc.type2.step3 > li:nth-child(2),
    .s020101 .prc.type2.step3 > li:nth-child(3){float:right}
    .s020101 .prc.type2.step3 > li:nth-child(4),
    .s020101 .prc.type2.step3 > li:nth-child(5){float:left}
    .s020101 .prc.type2.step3 > li:nth-child(2) .inner:before,
    .s020101 .prc.type2.step3 > li:nth-child(4) .inner:before{top:auto;	bottom:-32px;right:auto;left:50%;transform:rotate(90deg);display:block;margin-left:-7.5px;}
    .s020101 .prc.type2.step3 > li:nth-child(3) .inner:before {right:auto;left:-32px;top:50%;transform:rotate(-180deg) translateY(50%);}
}
@media (max-width:767px) {
    .s020101 .prc.type2 > li .inner .prc__title {min-height: auto;}
}
/* sub020101 일반진료 End */

/* sub020102 한방진료 */
.s020102 .prc.type2 > li .inner .prc__title {min-height: 99px;}
@media (max-width:1380px) and (min-width:1280px) {
    .s020102 .prc.type2 > li .inner .prc__title {min-height: 120px;}
}
@media (max-width:1040px) {
    .s020102 .prc.type2 > li .inner .prc__title {min-height: 120px;}
}
@media (max-width:775px) {
    .s020102 .prc.type2 > li .inner .prc__title {min-height: 138px;}
}
@media (max-width:767px) {
    .s020102 .prc.type2 > li .inner .prc__title {min-height: auto;}
}
/* sub020102 한방진료 End */

/* sub020103 물리치료실 */
.s020103 .prc.type2 > li .inner .prc__title {min-height: 99px;}
@media (max-width:1380px) and (min-width:1280px) {
    .s020103 .prc.type2 > li .inner .prc__title {min-height: 120px;}
}
@media (max-width:1040px) {
    .s020103 .prc.type2 > li .inner .prc__title {min-height: 120px;}
}
@media (max-width:775px) {
    .s020103 .prc.type2 > li .inner .prc__title {min-height: 138px;}
}
@media (max-width:767px) {
    .s020103 .prc.type2 > li .inner .prc__title {min-height: auto;}
}
/* sub020103 물리치료실 End */

/* sub020105 검사실 */
@media (min-width:768px) {
    .s020105 .prc.type2 > li .inner .prc__title {min-height: 99px;}
}
/* sub020105 검사실 End */

/* sub0204 전자민원상담 */
.s0204 .section1_wrap {position: relative; background-color: #f0f4f8; width: 100%; overflow: hidden;}
.s0204 .section1_wrap::before {content: ''; position: absolute; background: url(/images/health/sub02/sub0204_bg01.png) no-repeat; width: 226px; height: 226px; top: -52px; left: -42px;}
.s0204 .section1_wrap::after {content: ''; position: absolute; background: url(/images/health/sub02/sub0204_bg02.png) no-repeat; width: 332px; height: 332px; bottom: -117px; right: -130px;}
.s0204 .section1_wrap .cont_box .text_wrap {position: relative; text-align: center;padding: 80px 15px 158px;}
.s0204 .section1_wrap .cont_box .text_wrap .tit {font-family: 'GmarketSans'; font-weight: bold; font-size: 35px; color: #233755;}
.s0204 .section1_wrap .cont_box .text_wrap .txt {padding: 0 0 20px; font-family: 'Noto Sans KR'; font-size: 16px; color: #555555;}
.s0204 .section1_wrap .btn-primary {background-color: #f0f4f8;border-radius: 5px;color: #282728; font-family: 'Noto Sans KR'; font-size: 15px; padding-right: 55px; border: 1px solid #222;}
.s0204 .section1_wrap .btn-primary .ir-arrow {background-position: -195px -254px;}
.s0204 .section1_wrap .btn-primary.btn-icon:focus .ir-arrow, .s0204 .section1_wrap .btn-primary.btn-icon:hover .ir-arrow {background-position:-165px -254px;}
.s0204 .section2_wrap .btn-primary {background-color: #394c89;border-radius: 5px;color: #fff; font-size: 15px; padding-right: 125px; border: 1px solid #fff;font-family: 'Noto Sans KR';}
.s0204 .section2_wrap .btn-primary .ir-arrow{background-position:-165px -254px;}
.s0204 .section2_wrap .btn-primary.btn-icon:focus .ir-arrow, .s0204 .section2_wrap .btn-primary.btn-icon:hover .ir-arrow {background-position: -195px -254px;}
.s0204 .section1_wrap .btn-primary:active, .s0204 .section1_wrap .btn-primary:focus, .s0204 .section1_wrap .btn-primary:hover {background-color:#394c89; color: #fff; border: 1px solid #394c89;}
.s0204 .section2_wrap .btn-primary:active, .s0204 .section2_wrap .btn-primary:focus, .s0204 .section2_wrap .btn-primary:hover {background-color:#fff; color: #282728; border: 1px solid #fff;}
.s0204 .img_box {position: absolute; width: 534px; height: 356px; border: 7px solid #fff; border-radius: 10px; overflow: hidden; left: 50%; transform: translateX(-50%); top: 263px; background: #fff; box-shadow: -3px 6px 9px 0px rgb(0, 0, 0, 0.2);}
.s0204 .img_box img {width: 100%; image-rendering: pixelated;}
.s0204 .section2_wrap {position: relative; background-color: #394c89; width:100%; overflow: hidden; padding: 265px 40px 125px; overflow: hidden;}
.s0204 .section2_wrap::before {content: 'SEOGU'; position: absolute; font-family: 'GmarketSans'; font-size: 142px; font-weight: bold; bottom: -91px; left: 0;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #576597; color: #394c89;letter-spacing: -0.03em;}
/* .s0204 .section2_wrap .text_wrap {display: flex; justify-content: space-between; max-width: 750px; margin: 0 auto;}
.s0204 .section2_wrap .text_wrap .txt_box {width: calc(50% - 20px); text-align: center;}
.s0204 .section2_wrap .text_wrap .txt_box .tit {font-size: 21px; font-family: 'GmarketSans'; font-weight: bold; color: #f9db26;}
.s0204 .section2_wrap .text_wrap .txt_box .txt {color: #fff;} */
@media (max-width:767px) {
    .s0204 .section2_wrap .text_wrap {flex-direction: column;}
    .s0204 .section2_wrap .text_wrap .txt_box {width:100%}
    .s0204 .section2_wrap .text_wrap .txt_box:first-child {margin-bottom: 30px;}
    .s0204 .section2_wrap .text_wrap .txt_box .txt span {display: block;}
    .s0204 .img_box {width: 400px; height: auto;}
    .s0204 .section2_wrap {width: 100%;height: auto;padding: 190px 40px 95px;}
    .s0204 .section2_wrap::before {font-size: 100px; bottom: -62px;}
}
@media (max-width:500px) {
    .s0204 .img_box, .s0204 .section1_wrap::after {display: none;}
    .s0204 .section1_wrap .cont_box .text_wrap {padding: 50px 15px 50px;}
    .s0204 .section1_wrap .cont_box .text_wrap .tit {font-size: 30px; line-height: 1.4;}
    .s0204 .section2_wrap {display: none;/* padding: 40px 35px 80px; */}
    /* .s0204 .section2_wrap .text_wrap .txt_box .txt span {display: inline;}
    .s0204 .section2_wrap .text_wrap .txt_box .tit {font-size: 18px;}
    .s0204 .section2_wrap::before {font-size: 70px; bottom: -44px;} */
}
/* sub0204 전자민원상담 End */

/* sub030101 결핵관리사업 */
.s030101 .infobox {padding: 62px 70px;}
@media (max-width:1379px) and (min-width:1280px) {
    .s030101 .height .prc.type2 > li .inner .prc__title {min-height: 118px;}
}
@media (max-width:1039px) {
    .s030101 .height .prc.type2 > li .inner .prc__title {min-height: 118px;}
}
@media (max-width: 1023px){
    .s030101 .infobox {padding: 64px 50px;}
}
@media (max-width:885px) {
    .s030101 .prc.type2 > li .inner .prc__title span {display: inline;}
    .s030101 .prc.type2{width:100%;margin:0;}
    .s030101 .prc.type2.step3 > li{width:100%;margin:0;margin-bottom:35px;}
    .s030101 .height .prc.type2 > li .inner .prc__title {min-height: auto;}
    .s030101 .prc.type2.step3 > li .inner:before,
	.s030101 .prc.type2.step3 > li:nth-child(4) .inner:before {display:block;bottom:-32px;top:auto;right:auto;left:50%;transform:rotate(90deg);margin-left:-7.5px;}
	.s030101 .prc.type2.step3 > li:last-child .inner:before{display:none;}
}
@media (max-width: 767px){
    .s030101 .infobox {padding: 40px;}
}
/* sub030101 결핵관리사업 End */

/* sub030102 에이즈관리사업 */
.s030102 .prc.type2 > li .inner .prc__title {min-height: 99px;} 
@media (max-width:857px) {
    .s030102 .prc.type2 > li .inner .prc__title {min-height: 118px;}
}
@media (max-width:767px) {
    .s030102 .prc.type2 > li .inner .prc__title {min-height: auto;}
}
/* sub030102 에이즈관리사업 End */

/* sub030105 방역소독작업 */
.s030105 .infobox.short {min-height: 205px;padding: 62px 70px;}
@media (max-width: 1023px){
    .s030105 .infobox {padding: 64px 50px;}
}
@media (max-width: 767px){
    .s030105 .infobox {padding: 40px;}
}
/* sub030105 방역소독작업 End */

/* sub03030101 임산부 관리 */
@media (min-width:768px) {
    .s03030101 .prc.type2 > li .inner .prc__title {min-height: 99px;}
}
@media (max-width:767px) {
    .prc.type2 > li .inner .prc__title span {display: inline;}
}
/* sub03030101 임산부 관리 End */


/* sub030302 영유아 관리 */
@media (min-width:768px) {
    .s030302 .prc.type2 > li .inner .prc__title {min-height: 99px;}
}
/* sub030302 영유아 관리 End */

/* sub03030302 산모 신생아 건강관리 */
.s03030302 table .line1 {border: 2px solid #cd4454;border-bottom: none;}
.s03030302 table .line2 {border-left: 2px solid #cd4454;border-right: 2px solid #cd4454;}
.s03030302 table .line3 {border: 2px solid #cd4454;border-top: none;}
@media (max-width:1410px) and (min-width:1080px) {
    .s03030302 .table.long tbody>tr>td {padding: 10px 5px;}
}
/* sub03030302 산모 신생아 건강관리 End */


/* sub03030305 선천성대사이상 */
.s03030305 .list-1st .h4 {margin: 0;}
.s03030305 .list-1st .right {float:right; padding-left:20px; color: #4d4d4d; font-size: 16px;font-weight: normal;}
.s03030305 .block {display: inline-block;}
/* sub03030305 선천성대사이상 End */

/* sub03030307 청각선별검사사업 */
.s03030307 .imgbox2 {padding: 85px 30px 75px; background: #f8f9fa; text-align: center;}
@media (max-width: 1100px){
    .s03030307 .imgbox2 {padding: 50px 20px 40px;}
}
@media (max-width: 767px){
    .s03030307 .imgbox2 {padding: 30px 20px 30px;}
}
/* sub03030307 청각선별검사사업 End */

/* sub03030308 고위험임산부 */
.s03030308 table .line1 {border: 2px solid #cd4454; border-bottom: none;}
.s03030308 table .line2 {border: 2px solid #cd4454; border-right: none;}
.s03030308 table .line3 {border-bottom: 2px solid #cd4454;}
.s03030308 table .line4 {border-bottom: 2px solid #cd4454; border-right: 2px solid #cd4454 !important;}
.s03030308 .h4 {margin-top: 10px;}
.s03030308 .block {display: block;}
.s03030308 .table .th_row {background-color: #fbfcfd; font-weight: bold; text-align: center;}
/* sub03030308 고위험임산부 End */


/* sub030504 저소득노인 인공관절 무료시술 */
.s030504 .prc.type5 > li {padding: 20px 5px;}
.s030504 .prc.type5 > li .inner .item .prc__text span {display: inline-block;} 
/* sub030504 저소득노인 인공관절 무료시술 End */


/* sub030806 건강증진센터 운영 */
.s030806 .terror_safety .item {align-items: flex-start;}
/* sub030806 건강증진센터 운영 End */


/* sub0310 정신건강사업 */
.s0310 .ui-topbox .inner .txtwrap p .ico {display: inline-block; margin: 0 10px 5px 0;}
.s0310 .ui-topbox .inner .txtwrap p .ico::before {position: relative; display: inline-block; width: 22px;height: 22px; margin-right: 7px;background: #28355f url(/pcms/dist/img/infobox_ir.png) no-repeat; vertical-align: text-bottom;border-radius: 50%; content: "";}
.s0310 .ui-topbox .inner .txtwrap p .ico1::before {background-position: -32px 0;}
.s0310 .ui-topbox .inner .txtwrap p .ico2::before {background-position: -64px 0;}
.s0310 .ui-accordion--faq .accordion__body {background: rgba(248,249,250,.8);}
.s0310 .terror_safety .item .tit {height: 140px;}
.s0310 .terror_safety .item .tit strong .block {display: block;}
@media (max-width: 850px) {
    .s0310 .terror_safety .item .tit {height: 70px;}
    .s0310 .terror_safety .item .tit strong .block {display: inline-block;}
}
/* sub0310 정신건강사업 End */

/* sub03100101 성인정신건강 */
.s03100101 .ui-topbox .inner .txtwrap .h-box {width: 180px;}
/* sub03100101 성인정신건강 End */

/* sub031003 정신질환자 치료비 지원사업 */
.s031003 .prc.type5 > li {min-height: auto;}
@media (max-width: 880px) {
    .s031003 .prc.type5 > li {min-height: 168px;}
}
@media (max-width: 500px) {
    .s031003 .prc.type5 > li {min-height: auto;}
}
/* sub031003 정신질환자 치료비 지원사업 End */


/* sub03030301 미숙아 및 선천성이상아 */
.s03030301 table .line1 {border: 2px solid #cd4454; border-bottom: none;}
.s03030301 table .line2 {border: 2px solid #cd4454; border-right: none;}
.s03030301 table .line3 {border-bottom: 2px solid #cd4454;}
.s03030301 table .line4 {border-bottom: 2px solid #cd4454; border-right: 2px solid #cd4454 !important;}
/* sub03030301 미숙아 및 선천성이상아 End */

/* sub030803 임산부 및 영유아 영양플러스사업 */
.s030803 .ui li {border-color:#394c89!important}