/*health_contents.css (보건소 서브페이지 컨텐츠들을 위한 css)*/              

/* 운영절차 */
.health_step { width:100%; display:block; clear:both;  }
.health_step .head { float:left; width:20%; margin:0 3%; background:url(/user_res/cont_file/donggu/images/arrow.png) no-repeat center -20px; min-height:130px; }
.health_step .head.long { min-height:270px; background:url(/user_res/cont_file/donggu/images/arrow.png) no-repeat center bottom;}
.health_step .head-noimg { float:left; width:20%; margin:0 3%; }
.health_step .head div, .health_step .head-noimg div {  background:#1160a2; border-radius:10px;  padding:20px; font-size:20px; color:#fff; text-align:center; }
.health_step .conts { background:#eee; padding:5px 20px; border-radius:10px; float:right; width:74%;}

 /* org_wrap */
.org_wrap{/* position:relative; */overflow: hidden;}
.org_wrap .orgList .mayor{position:absolute; top:0px; left:50%; display:block; width:170px;  font-size:25px; color:#fff; text-align:center; line-height:75px; margin-left:-100px; background:#1c5cbc; border:6px solid #bdd7ff;}
.org_wrap .orgList .mayor .tel{display:block; font-size:13.5px;  line-height:20px; margin-top:-15px;}
.org_wrap .orgList>li>ul>li {
    width: 50%;
    float: left;
    margin-top: 150px;
}
.org_wrap .orgList .AssistantMayor{
    display:block;
    width:170px;
    font-size:20px;
    color:#fff;
    text-align:center;
    line-height:55px;
    background:#12a2a2;
    border:6px solid #bff0eb;
    margin: 0 auto;
}

.org_wrap .orgList .tel{display:block; font-size:13.5px; line-height:20px;  }
.org_wrap .orgList .officePart { width:100%; position:absolute; top:160px; }
.org_wrap .orgList .officePart li { display:block; width:35%; float:left; }
.org_wrap .orgList .officePart li div { font-size:20px; text-align:center; background:#12a2a2; border:6px solid #bff0eb; color:#fff; padding:20px; margin-left:100px; }

.org_wrap .officeList{padding-top: 50px;width: 90%;overflow:hidden;margin: 0 auto;}
.org_wrap ul.officeList > li{float:left;width: 44%;margin: 0 3%;margin-bottom: 30px;min-height: 210px;}
.org_wrap ul.officeList > li > span{display:block; line-height:46px; text-align:center; color:#fff; font-weight:600; font-size:16px; background:#546586; }
.org_wrap ul.officeList > li > span > .tel{line-height:15px; display:block; margin-top:-10px; font-weight:normal; font-size:13px;}
.org_wrap ul.officeList > li > span.offBox_black{background:#505050;}
.org_wrap ul.officeList ul li{ line-height:40px; font-size:14px; border-bottom:1px solid #e2e2e2;}
.org_wrap ul.officeList ul li > span{display:block; line-height:40px; color:#333; font-weight:600; letter-spacing:-1px; }
.org_wrap ul.officeList ul li > span.tel{font-weight:normal; margin-top:-7px; line-height:20px; padding-bottom:10px; font-size:13px;}
.org_wrap ul.officeList ul li > span::before{background:#8c8c8c; width:2px; height:11px; content:''; float:left; display:block; margin:14px 8px 0 5px;}
.org_wrap ul.officeList ul li > span.tel::before{background:none;}       



@media (max-width: 650px) {
    .org_wrap .orgList>li>ul>li {
        width: 100%;
        float: none;
        margin-top: 30px;
    }
    .org_wrap .orgList>li>ul>li:nth-child(1) {margin-top: 150px;}
    
  }

div.info_box01{overflow:hidden;}
div.info_box01 > ul{overflow: hidden;}
/*div.info_box01 > ul > li{width:49%;height:inherit;margin-right:1%;margin-bottom:10px;border:1px solid #C9C9C9;float:left;min-height: 280px;background-color:#fff;}*/
div.info_box01 > ul > li{width:49%;height:inherit;margin-right:1%;margin-bottom:10px;border:1px solid #C9C9C9;float:left;min-height: 310px;background-color:#fff;}
div.info_box01 > ul > li > ul{text-align:left;padding:5px 20px;}
div.info_box01 > ul > li span{display:block;}
div.info_box01 > ul > li span.info_title{width:100%;display:inline-block;font-weight:bold;padding:10px 0 10px 10px;border-bottom:2px solid #d2d2d2;margin-bottom:10px;color:#218be1;font-size:14px;text-align:center;background-color:#F8F9FB}
div.info_box01 > ul > li span.info_txt{line-height:18px;}

div.info_box01 > ul.info_box01_1 > li{padding-bottom:10px;height:inherit}
div.info_box01 > ul.info_box01_2{padding:10px!important;;width:95%}
div.info_box01 > ul.info_box01_2 > li{width:32%;height:180px;}
div.info_box01 > ul.info_box01_2 > li > ul{padding:10px;}
div.info_box01 > ul.info_box01_2 > li span.info_title {padding:10px!important;margin-bottom:0!important;}

div.info_box01 > ul.info_box01_3{padding:10px!important;;width:95%}
div.info_box01 > ul.info_box01_3 > li{width:32%;height:190px;}
div.info_box01 > ul.info_box01_3 > li > ul{padding:10px;}
div.info_box01 > ul.info_box01_3 > li span.info_title {padding:10px!important;margin-bottom:0!important;}
div.info_box01 > ul.info_box01_4 > li{height:110px;}

div.info_box01 > ul.short01 >li{height:80px;}
div.info_box01 > ul.no3 > li{width:32%;height:180px;}
div.info_box01 > ul.no4 > li{width:32%;height:150px;}

.ssbl{position: relative;  margin-bottom: 5px;  padding-left: 8px;  background: url('/user_res/images/common/ul_depth1_bu.gif') no-repeat ;/*left top 7px;*/ 
background-position: 0 7px; font-size:13px;}
.ssbl2{position: relative;margin-bottom: 5px;padding: 0 35px 0 20px;box-sizing: border-box;background: url('/user_res/images/common/ul_depth2_bu.gif') no-repeat;/*left top 7px;*/background-position: 10px 7px;font-size:13px;width: 100%;overflow: revert;}
.ssbl3{position: relative;margin-bottom: 5px;padding: 0 15px 0 8px;background: url('/user_res/images/common/ul_depth3_bu.png') no-repeat;/*left top 7px;*/background-position: 0 7px;font-size:13px;}
a.link_btn{    padding: 3px 15px;    background-color: #218be1;    color: #fff;    display: inline-block; margin-top:4px }
a.link_btn:hover{    padding: 3px 15px;    background-color: #FF5722;    color: #fff;    display: inline-block; margin-top:4px;}
.link_btn a{color:#fff;}
                                                                               
.h5_qna{width:100%; margin-top:20px; border:2px dashed #d6d6d6; border-radius:20px; padding:20px;}
.h5_qna .qna_q{margin-left:20px; margin-bottom:20px; line-height:24px; color:#222; font-weight:600;}
.h5_qna .qna_q:before{width:20px;height:20px; content:'Q'; font-weight:600; color:#ff5722;position:absolute;left:20px; border-radius:50px;} 
.h5_qna .qna_a{margin-left:20px; line-height:24px;} 
.h5_qna .qna_a:before{width:20px;height:20px; content:'A'; font-weight:600; color:#218be1;position:absolute;left:20px;}     


.etcBox{border: 1px dashed #d7d7d7;width:100%;padding: 0px 20px;margin-top: 10px;}                            
.etcBox ul{margin: 12px 0;}            
.etcBox p{margin: 12px 0;}
.etcBox p a{margin-left:5px; color:#325dd2; font-weight:600; font-size:13px; border:1px solid #cecece; padding:3px 10px; border-radius:8px;}             