.bg-td {background-color:#f7f7f7;}
.dashed-box{
    width: 100%;
    border: 1px dashed #ccc;
    padding: 20px;
    margin-bottom: 30px;
    overflow: hidden;
 }


/*오시는길 및 상세정보 공통*/
.location-map #map{height:400px }
.location-map #map .gm-style-mtc{display:none}
.location-info{margin-top:25px; border:1px dashed #ccc;padding:20px; background:#f8f8f8}
.location-info ul li{background-repeat:no-repeat; background-position:0 5px; position:relative; padding:9px 5px 9px 110px}
.location-info ul li.icon1{background-image:url('/2018/images/02.lang/contents/01/06-icon1.png')}
.location-info ul li.icon2{background-image:url('/2018/images/02.lang/contents/01/06-icon2.png')}
.location-info ul li strong{display:block; position:absolute; top:0; left:40px; font-weight:bold; line-height:40px}
.location-info ul li span{display:block; background:url('/2018/images/02.lang/contents/01/06-line.gif') no-repeat 0 4px; padding-left:20px; }

@media only screen and (max-width: 900px){

} 
               
/* 인사말 */
.intro{
    overflow: hidden;
    padding:30px 0;
    background: url('https://www.jinan.go.kr/upload_data/board_data/BBS_0000160/174461603856110.png') no-repeat top right;
}
.intro figure{
    float: right;
    width: 28%;
}
.intro .text{
    float: left;
    width: 70%;
    font-size:15px;
    color:#111;
    line-height: 23px;
    font-weight:600;
}
.intro .text strong{
    display:block;
    font-size:24px;
    margin-bottom:20px;
    line-height: 32px;
}


/* 조직구성 */
.org-lev {background-color:#f8f8f8;border:2px solid #f4f4f4;padding:50px 10px; margin-bottom:25px}
.org-lev span {box-shadow:0px 2px 4px rgba(0,0,0,0.3);}
.org-lev .lev01 {width:100%;background:url('/2018/images/06.health/contents/01/0301_org-line-h.gif') repeat-y 50% 50%;padding-bottom:70px;text-align:center;}
.org-lev .lev01 span {display:inline-block;width:116px;height:115px;margin:0 auto;line-height:115px;background:url('/2018/images/06.health/contents/01/0301_org-1.png') no-repeat;text-align:center;color:#fff;font-size:1.4em;box-shadow:none;}
.org-lev .lev01_1 {padding:30px 0;background:url('/2018/images/06.health/contents/01/0301_org-line-h.gif') repeat-y 50% 50%;text-align:center;}
.org-lev .lev01_1 span {display:inline-block;width:100%; max-width:150px; padding:10px 0;background-color:#3357ac;font-size:1.1em;color:#fff;}
.org-lev .lev02 {width:25%;text-align:left;background:url('/2018/images/06.health/contents/01/0301_org-line-w.gif') repeat-x 0 50%;margin:-50px 0 0 230px;}
.org-lev .lev02 span {display:inline-block;width:150px;padding:10px 0;background-color:#fff;border:1px solid #f4f4f4;text-align:center;}
.org-lev .lev03 {position:relative; background:url('/2018/images/06.health/contents/01/0301_org-line-w.gif') no-repeat;background-size:90% 1px;background-position:0 0;}
.org-lev .lev03 > ul {overflow:hidden;}
.org-lev .lev03 > ul > li {float:left;width:20%;padding:30px 0 0 0;background:url('/2018/images/06.health/contents/01/0301_org-line-h.gif') repeat-y;background-size:1px 30px;background-position:50% 0;}
.org-lev .lev03 > ul > li.lev03-5{margin-bottom:175px;}
.org-lev .lev03 > ul > li.child:before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 369px;
    background: #dadada;
    position: absolute;
    top: 0;
    left: 0px;
}
.org-lev .lev03 > ul > li.child:after{
    content: "";
    display: inline-block;
    width: 445px;
    height: 1px;
    background: #dadada;
    position: absolute;
    top: 368px;
    left: 0px;
}
.org-lev .lev03 .lev-tit {text-align:center;}
.org-lev .lev03 .lev-tit span {display:inline-block;width:150px;padding:10px 0;background-color:#de7b7b;color:#fff;}
.org-lev .lev03 .lev-box li {padding:4px 0;text-align:center;}
.org-lev .lev03 .lev-box li span {display:inline-block;width:150px;padding:10px 0;background-color:#fff;border:1px solid #f4f4f4;box-shadow:0px 2px 4px rgba(0,0,0,0.3);text-align:center;}

/* 층별안내도 */
.floor-map{}
.floor-map .floor-wrap{}
.floor-map .floor-wrap.border{
    border:1px dashed #ccc;
    padding:50px 0;
}
.floor-map .floor-wrap figure{
    text-align: center;
}

/* 연혁 */
.history{
    background: url(/2018/images/06.health/contents/01/history_bg.png)no-repeat;
    background-size: 779px 1263px;
    padding: 115px 0 30px;
    position: relative;
    min-width:915px;
    height: 1262px;
    background-position: top right;
}
.history:after{
    content: "";
    display:inline-block;
    width:2px;
    height:1115px;
    background:#de7b7b;
    position:absolute;
    left:50%;
    margin-lefT:-1px;
}
.history dl{
    position:absolute;
    width: 400px;;
}
.history dl dt{
    color:#de2c2c;
    font-size:18px;
    font-weight:600;
}
.history dl dd{
    font-size:15px;
    color:#333;
    font-weight:600;
}
.history dl dd ul li{
    font-weight:500;
}
.history dl.left{
    text-align: right;
    padding-right: 30px;
    left: 50%;
    margin-left:-396px;
}
.history dl.left:after{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #de7b7b;
    position: absolute;
    top: 5px;
    right: 0;
}
.history dl.right{
    text-align: left;
    padding-left: 30px;
    right: 50%;
    margin-right:-396px;
}
.history dl.right:before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #de7b7b;
    position: absolute;
    top: 5px;
    left: 0;
}
.history dl.dl1{
    top:110px;
}
.history dl.dl2{
    top:170px;
}
.history dl.dl3{
    top:231px;
}
.history dl.dl4{
    top:355px;
}
.history dl.dl5{
    top:415px;
}
.history dl.dl6{
    top:475px;
}
.history dl.dl7{
    top:535px;
}
.history dl.dl8{
    top:595px;
}
.history dl.dl9{
    top:715px;
}
.history dl.dl10{
    top:775px;
}
.history dl.dl11{
    top:835px;
}
.history dl.dl12{
    top:895px;
}
.history dl.dl13{
    top:955px;
}
.history dl.dl14{
    top:1065px;
}
.history dl.dl15{
    top:1175px;
}

/* 출산일 계산 */
.delivery{}
.delivery figure{
    margin-bottom:20px;
}
.delivery .delivery-bg{
    padding:45px 110px;
    background:url(/2018/images/06.health/contents/04/delivery_bg.png)no-repeat;
    background-color:#fff;
    background-position:top right;
}
.delivery .delivery-bg fieldset{
    width:450px;
}
.delivery .delivery-bg fieldset input[type="text"]{
    display:inline-block;
    width:110px;
    border:1px solid #ddd;
    height:25px;
    margin-left:30px;
}
.delivery .delivery-bg fieldset input[type="text"].first{
    margin-left:0;
}
.delivery .delivery-bg fieldset .button{
    width: 100%;
    margin-top: 20px;
    text-align: center;
    padding: 10px 0;
    background-color: #e34f4f;
    border:none;
}
.delivery .result{
    text-align: center;
    color:#111;
    font-size:20px;
    margin-bottom:30px;
}
.delivery .result span{
 display:inline-block;
    background: #989898;
    text-align: center;
        padding: 10px 20px;
    color:#fff;
    margin:0 10px;
}
/* 비만도 */
.obesity{}
.obesity form{}
.obesity .box{
    padding:40px 20px;
}
.obesity form fieldset{
    text-align: center;
}
.obesity form fieldset input[type="text"]{
    border: 1px solid #ddd;
    height: 30px;
    margin-left: 30px;
    display: inline-block;
    width: 120px;
}
.obesity form fieldset input[type="text"].first{
    margin-left:0;
}
.obesity form fieldset .btn-group{
    margin-top:20px;
    text-align: center;
}
.obesity form fieldset .btn-group .button{
    color:#fff;
    text-align: center;
    padding:10px 0;
    width:175px;
border:none;
}
.obesity form fieldset .btn-group .button.type1{
    background:#e34f4f;
}
.obesity form fieldset .btn-group .button.type2{
    background:#eda135;
}
.obesity .bmi-result{
    text-align: center;
    color:#111;
    font-size:20px;
    margin-bottom:30px;
}
.obesity .bmi-result span{
    display:inline-block;
    background: #989898;
    text-align: center;
    
    padding:10px 20px;
    color:#fff;
    margin:0 10px;
}
.obesity .dashed-box{
    width: 100%;
    border: 1px dashed #ccc;
    padding: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}

.obesity .bullet-h6{
    color:#555;
    font-weight:500;
    margin-top:0;
    font-size:15px;
}

.dementia{}
.dementia .dashed-box{
    height:190px;
    padding:20px 60px;
}
.dementia .dashed-box ul{
    margin-left:200px;
    overflow:hidden;
}
.dementia .dashed-box ul li{
    float: left;
    width: 120px;
    height: 145px;
    text-align: center;
    margin-right: 115px;
    padding-top: 125px;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    position:relative;
}
.dementia .dashed-box ul li:last-child{
    margin-right:0;
}
.dementia .dashed-box ul li.li1-1{
    background:url(/2018/images/06.health/contents/04/dementia_li01_1.png)no-repeat;
}
.dementia .dashed-box ul li.li1-1:after{
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #efb1b1;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: -107px;
}
.dementia .dashed-box ul li.li1-2{
    background:url(/2018/images/06.health/contents/04/dementia_li01_2.png)no-repeat;
}
.dementia .dashed-box ul li.li1-2:after{
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #efb1b1;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: -107px;
}
.dementia .dashed-box ul li.li1-3{
    background:url(/2018/images/06.health/contents/04/dementia_li01_3.png)no-repeat;
}
.dementia .dashed-box ul li.li2-1{
    background:url(/2018/images/06.health/contents/04/dementia_li02_1.png)no-repeat;
}
.dementia .dashed-box ul li.li2-1:after{
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #f37e7e;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: -107px;
}
.dementia .dashed-box ul li.li2-2{
    background:url(/2018/images/06.health/contents/04/dementia_li02_2.png)no-repeat;
}
.dementia .dashed-box ul li.li2-2:after{
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #f37e7e;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: -107px;
}
.dementia .dashed-box ul li.li2-3{
    background:url(/2018/images/06.health/contents/04/dementia_li02_3.png)no-repeat;
}
.dementia .dashed-box ul li.li3-1{
    background:url(/2018/images/06.health/contents/04/dementia_li03_1.png)no-repeat;
}
.dementia .dashed-box ul li.li3-1:after{
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #e35b5b;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: -107px;
}
.dementia .dashed-box ul li.li3-2{
    background:url(/2018/images/06.health/contents/04/dementia_li03_2.png)no-repeat;
}
.dementia .dashed-box ul li.li3-2:after{
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    background: #e35b5b;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: -107px;
}
.dementia .dashed-box ul li.li3-3{
    background:url(/2018/images/06.health/contents/04/dementia_li03_3.png)no-repeat;
}
.dementia .dashed-box.bg1{
    background:url(/2018/images/06.health/contents/04/dementia_bg01.png)no-repeat;
    background-position: 55px 50%;
}
.dementia .dashed-box.bg2{
    background:url(/2018/images/06.health/contents/04/dementia_bg02.png)no-repeat;
    background-position: 55px 50%;
}
.dementia .dashed-box.bg3{
    background:url(/2018/images/06.health/contents/04/dementia_bg03.png)no-repeat;
    background-position: 55px 50%;
}
.dementia .list-box{
    background: url(/2018/images/06.health/contents/04/dementia_bg04.jpg) no-repeat;
    background-size: cover;
    padding:45px;
}
.dementia .list-box ul li{
    margin-bottom:30px;
    font-size:15px;
    color:#333;
    line-height: 25px;
    padding-left:30px;
}
.dementia .list-box ul li.no01{
    background: url(/2018/images/06.health/contents/04/dementia_no01.png) no-repeat;
}
.dementia .list-box ul li.no02{
    background: url(/2018/images/06.health/contents/04/dementia_no02.png) no-repeat;
}
.dementia .list-box ul li.no03{
    background: url(/2018/images/06.health/contents/04/dementia_no03.png) no-repeat;
}
.dementia .list-box ul li.no04{
    background: url(/2018/images/06.health/contents/04/dementia_no04.png) no-repeat;
}
.dementia .list-box ul li.no05{
    background: url(/2018/images/06.health/contents/04/dementia_no05.png) no-repeat;
}
.dementia .list-box ul li.no06{
    background: url(/2018/images/06.health/contents/04/dementia_no06.png) no-repeat;
}
.dementia .list-box ul li.no07{
    background: url(/2018/images/06.health/contents/04/dementia_no07.png) no-repeat;
}
.dementia .list-box ul li.no08{
    background: url(/2018/images/06.health/contents/04/dementia_no08.png) no-repeat;
}
.dementia .list-box ul li.no09{
    background: url(/2018/images/06.health/contents/04/dementia_no09.png) no-repeat;
}
.dementia .list-box ul li.no10{
    background: url(/2018/images/06.health/contents/04/dementia_no10.png) no-repeat;
}
.dementia .list-box ul li.no11{
    background: url(/2018/images/06.health/contents/04/dementia_no11.png) no-repeat;
}
.dementia .list-box ul li.no12{
    background: url(/2018/images/06.health/contents/04/dementia_no12.png) no-repeat;
}
.dementia .list-box ul li.no13{
    background: url(/2018/images/06.health/contents/04/dementia_no13.png) no-repeat;
}
.dementia .list-box ul li.no14{
    background: url(/2018/images/06.health/contents/04/dementia_no14.png) no-repeat;
    margin-bottom:0;
}

/* ì •ì‹ ê±´ê°• */
.mental_health{}
.mental_health .list-box{
    padding:30px;
    background:#f5ebeb;
    overflow: hidden;
}
.mental_health .list-box ul{
    width:50%;
    float:left;
}
.mental_health .list-box ul li{
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 600;
}
.mental_health .list-box ul li strong{
    color: #fff;
    display: inline-block;
    background: #e34f4f;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 15px;
}

/* 자살예방 */
.suicide-prevention{}
.suicide-prevention .list-box1{}
.suicide-prevention .list-box1 ul{
    overflow:hidden;
}
.suicide-prevention .list-box1 ul li{
    border: 1px dashed #ddd;
    float: left;
    width: 23%;
    height: 245px;
    margin: 0 1%;
    text-align: center;
    padding-top:125px;
}
.suicide-prevention .list-box1 ul li.li01{
    background:url(/2018/images/06.health/contents/04/suicide-prevention_img01.png)no-repeat;
    background-position: 50% 20px;
}
.suicide-prevention .list-box1 ul li.li02{
    background:url(/2018/images/06.health/contents/04/suicide-prevention_img02.png)no-repeat;
    background-position: 50% 20px;
}
.suicide-prevention .list-box1 ul li.li03{
    background:url(/2018/images/06.health/contents/04/suicide-prevention_img03.png)no-repeat;
    background-position: 50% 20px;
}
.suicide-prevention .list-box1 ul li.li04{
    background:url(/2018/images/06.health/contents/04/suicide-prevention_img04.png)no-repeat;
    background-position: 50% 20px;
}
.suicide-prevention .list-box1 ul li strong{
    font-size:18px;
    display:block;
    margin-bottom:10px;
}
.suicide-prevention .list-box1 ul li .caption{

}
.suicide-prevention .list-box1 ul li .caption span{
    display:block;
    margin-bottom:5px;
    font-size: 14px;
}
.suicide-prevention .list-box2{
    margin-top:40px;
    overflow:hidden;
}
.suicide-prevention .list-box2 .box{
    width:50%;
    float:left;
    padding:25px 20px;
}
.suicide-prevention .list-box2 .box.info1{
    background:#f7f7f7;
}
.suicide-prevention .list-box2 .box.info2{
    background:#f7e7e7;
}
.suicide-prevention .list-box2 .box ul li{
    font-size:15px;
}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px){
    .org-lev{
        padding:20px 0;
    }
    .org-lev .lev03{
        background:none;
    }
    .org-lev .lev01{
        background:none;
        padding-bottom:40px;
    }
    .org-lev .lev03 > ul > li{
        width:25%;
        padding:30px 10px 0;
        background:none;
    }
    .org-lev .lev03 > ul > li.lev03-5{margin-bottom:0}
    .org-lev .lev03 > ul > li.child:before,
    .org-lev .lev03 > ul > li.child:after{
        display:none;
    }
    .org-lev .lev03 .lev-tit span{
        display:block;
        width:100%;
        font-size:14px;
        margin-bottom:5px;
    }
    .org-lev .lev03 .lev-box li span{
        width:100%;
        display:block;
        font-size:13px;
    }
.mental_health .list-box ul li{
        margin-bottom: 20px;
        height:85px;

    }
}




/* Mobile */
@media only screen and (max-width: 767px) {
.intro{
        padding:0;
    }
    .intro figure{
        float:none;
        width:100%;
        margin-bottom:20px;
        text-align: center;
    }
    .intro .text{
        float:none;
        width:100%;
        font-size: 15px;
        line-height: 23px;
    }
    .intro .text strong{
        display:block;
        font-size:18px;
        margin-bottom:20px;
        line-height: 28px;
    }

    .org-lev{
        padding:20px 0;
    }
    .org-lev .lev03{
        background:none;

    }
    .org-lev .lev01{
        background:none;
        padding-bottom:30px;
    }
    .org-lev .lev03 > ul > li{
        width:50%;
        padding:0px 10px 0;
        background:none;
    }
    .org-lev .lev03 > ul > li.lev03-5{margin-bottom:0}
    .org-lev .lev03 > ul > li.child:before,
    .org-lev .lev03 > ul > li.child:after{
        display:none;
    }
    .org-lev .lev03 .lev-tit span{
        display:block;
        width:100%;
        font-size:14px;
    }
    .org-lev .lev03 .lev-box{
        min-height:250px;
    }
    .org-lev .lev03 .lev-box li span{
        width:100%;
        display:block;
        font-size:13px;
    }
.floor-map .floor-wrap{
        overflow-x: scroll;
        padding-top: 30px;
        background: url(/2018/images/01.potal/common/scroll.gif) no-repeat 100% 0;
        background-size: auto 25px;
    }
    .floor-map .floor-wrap figure{
        width:700px;
    }
    .floor-map .floor-wrap.border{
        border:none;
}

	 .history{
        min-width:100%;
        padding:30px 0;
        background-size:cover;
        height:1180px;
    }
    .history dl{
        width:180px;
    }
    .history dl dd{
        font-size:12px;
    }
    .history dl.left{
        text-align: right;
        padding-right: 15px;
        left: 50%;
        margin-left: -176px;

    }
    .history dl.right{
        text-align: left;
        padding-left: 15px;
        right: 50%;
        margin-right: -176px;
    }
    .history dl.dl1{
        top:25px;
    }
    .history dl.dl2{
        top:105px;
    }
    .history dl.dl3{
        top:165px;
    }
    .history dl.dl4{
        top:270px;
    }
    .history dl.dl5{
        top:330px;
    }
    .history dl.dl6{
        top:390px;
    }
    .history dl.dl7{
        top:450px;
    }
    .history dl.dl8{
        top:510px;
    }
    .history dl.dl9{
        top:630px;
    }
    .history dl.dl10{
        top:690px;
    }
    .history dl.dl11{
        top:750px;
    }
    .history dl.dl12{
        top:810px;
    }
    .history dl.dl13{
        top:870px;
    }
    .history dl.dl14{
        top:980px;
    }
    .history dl.dl15{
        top:1090px;
    }
	 .delivery .delivery-bg{
        padding:20px;
        background: transparent;
        background-color:#fff;

    }
    .delivery .delivery-bg fieldset{
        width:100%;
    }
    .delivery .delivery-bg fieldset input[type="text"]{
        display:inline-block;
        height:35px;
        width:260px;
        margin-left:0;
        margin-bottom:10px;
    }

     .delivery .result{
        font-size:16px;
    }
    .delivery  .result span{
       
        padding: 5px 20px;

    }
    .obesity form fieldset{
        text-align: left;
    }
    .obesity form fieldset input[type="text"]{
        height: 35px;
        margin-left: 0px;
        width: 205px;
        margin-bottom:10px;
    }
    .obesity form fieldset input[type="text"].first{
        margin-left:0;
    }
    .obesity form fieldset .btn-group{
        margin-top:20px;
        text-align: center;
    }
    .obesity form fieldset .btn-group .button{
        color:#fff;
        text-align: center;
        padding:10px 0;
        width:100%;
        margin-bottom:10px;
    }
    .obesity .bmi-result{
        font-size:16px;
    }
    .obesity .bmi-result span{
       
        padding: 5px 20px;

    }
.dementia .dashed-box{
        padding:20px;
        height:125px;
    }
    .dementia .dashed-box.bg1,
    .dementia .dashed-box.bg2,
    .dementia .dashed-box.bg3{
        background-size:70px;
        background-position: 20px 50%;
    }
    .dementia .dashed-box ul{
        margin-left:85px;
    }
    .dementia .dashed-box ul li{
        width: 60px;
        height: 80px;
        margin-right: 10px;
        padding-top:65px;
        font-size:13px;
    }
    .dementia .dashed-box ul li.li1-1,
    .dementia .dashed-box ul li.li1-2,
    .dementia .dashed-box ul li.li1-3,
    .dementia .dashed-box ul li.li2-1,
    .dementia .dashed-box ul li.li2-2,
    .dementia .dashed-box ul li.li2-3,
    .dementia .dashed-box ul li.li3-1,
    .dementia .dashed-box ul li.li3-2,
    .dementia .dashed-box ul li.li3-3{
        background-size:60px;
    }
    .dementia .dashed-box ul li.li1-1:after,
    .dementia .dashed-box ul li.li1-2:after,
    .dementia .dashed-box ul li.li2-1:after,
    .dementia .dashed-box ul li.li2-2:after,
    .dementia .dashed-box ul li.li3-1:after,
    .dementia .dashed-box ul li.li3-2:after {
        display:none;
    }
    .dementia .list-box{
        padding:20px;
    }
    .dementia .list-box ul li{
        font-size:13px;
        margin-bottom:20px;
    }
.mental_health .list-box ul{
        width:100%;
        float:none;
    }
    .mental_health .list-box ul li{
        margin-bottom: 20px;

    }
.suicide-prevention .list-box1 ul li{
        width:48%;
        margin:0 1% 2%;
        padding-top:105px;
        height:220px;
    }
    .suicide-prevention .list-box1 ul li .caption span{
        font-size:12px;
    }
    .suicide-prevention .list-box1 ul li.li01{
        background-size:70px;
    }
    .suicide-prevention .list-box1 ul li.li02{
        background-size:70px;
    }
    .suicide-prevention .list-box1 ul li.li03{
        background-size:70px;
    }
    .suicide-prevention .list-box1 ul li.li04{
        background-size:70px;
    }
    .suicide-prevention .list-box2{
        margin-top:20px;
    }
    .suicide-prevention .list-box2 .box{
        float:none;
        width:100%;
    }
    .suicide-prevention .list-box2 .box ul li{
        font-size:13px;
    }
}


                     /* 사이트맵 아이콘 */
.sitemap dl dt.icon1{background-image:url('/2018/images/06.health/common/icon-sitemap1.png')}
.sitemap dl dt.icon2{background-image:url('/2018/images/06.health/common/icon-sitemap2.png')}
.sitemap dl dt.icon3{background-image:url('/2018/images/06.health/common/icon-sitemap3.png')}
.sitemap dl dt.icon4{background-image:url('/2018/images/06.health/common/icon-sitemap4.png')}
.sitemap dl dt.icon5{background-image:url('/2018/images/06.health/common/icon-sitemap5.png')}

                    


/*이용절차*/
.flowchart1{margin-top:10px;}
.flowchart1:after{display:block; content:''; clear:both;}
.flowchart1 ol li{padding-right:50px; float:left; background: url('/2018/images/01.potal/contents/06/0501-arrow1.png') no-repeat 90% 50%; box-sizing:border-box;}
.flowchart1 ol li:last-child{padding-right:0;  background:none;}
.flowchart1 ol li div{background:#f4f4f4}
.flowchart1 ol li div p{position:relative; box-sizing:border-box; top:-4px; left:-4px;  border:1px solid #656599; }
.flowchart1 ol li div p strong{display:block; background:#656599; color:#fff; font-weight:bold; text-align:center; padding:12px 0}
.flowchart1 ol li div p span{display:block; background:#fff; text-align:center;  padding:12px 0}
.flowchart1 ol.v4 li{width:26.666%; }
.flowchart1 ol.v4 li:last-child{width:20%; }
.flowchart1 ol.v3 li{width:35%; }
.flowchart1 ol.v3 li:last-child{width:30%; }


	@media only screen and (max-width: 900px){ 
		.flowchart1 ol li{width:100% !important; padding-right:0; padding-bottom:50px; background: url('/2018/images/01.potal/contents/06/0501-arrow2.png') no-repeat 50% 88%;}
		.flowchart1 ol li:last-child{width:100%; padding-bottom:0}
		.flowchart1 ol li div p strong, .flowchart1 ol li div p span{padding:6px 0}
	}     


.jinan_covid {background:#f4f4f4 url('/2018/images/01.potal/contents/06/covid_jinan_img01.png') no-repeat 90% 90%;padding:30px 30px;}
.jinan_covid h4 {font-family: 'SCDream' !important;font-weight:700;font-size:1.8em;color:#555;}
.jinan_covid h4 strong {display:inline-block;font-size:1.2em;}
.jinan_covid h4 .txt-c1 {color:#e25546}
.jinan_covid h4 .txt-c2 {color:#0181dc}

	@media only screen and (max-width: 700px){
		.jinan_covid{padding:10px 10px 165px 10px; text-align:center; background-position:95% 95% !important}
		.jinan_covid h4{font-size:1.2em}
		.jinan_covid h4 strong{padding-bottom:20px}
	}    

table.covid{border-radius:20px;border: none !important;}
table.covid tbody th{background: #e67d7f !important;color: #fff !important;border-right: 1px #e0e9fd solid !important;border-bottom: none !important;padding: 14px 10px !important;}
table.covid tbody th:last-child{border-right:none !important;}
table.covid tbody tr:first-child{border:none !important;}
table.covid tbody tr:nth-child(2) th:nth-child(1),
table.covid tbody tr:nth-child(3) th:nth-child(1),
table.covid tbody tr:nth-child(4) th:nth-child(1),

table.covid tbody tr:nth-child(7) th:nth-child(1),
table.covid tbody tr:nth-child(7) th:nth-child(2),
table.covid tbody tr:nth-child(7) th:nth-child(3),
table.covid tbody tr:nth-child(7) th:nth-child(4),
table.covid tbody tr:nth-child(7) th:nth-child(5),

table.covid tbody tr:nth-child(10) th:nth-child(2),
table.covid tbody tr:nth-child(10) th:nth-child(3),
table.covid tbody tr:nth-child(10) th:nth-child(4),
table.covid tbody tr:nth-child(10) th:nth-child(5)
{background:#eff3fd !important;border-bottom: 1px #e5edff solid !important;color:#e44b4d !important;}

table.covid tbody td:last-child{border-right:none !important;}
table.covid tbody td{border-bottom: 1px #e0e9fd solid !important;border-right: 1px #e0e9fd solid !important;padding: 14px 10px !important;}

.basic_step{margin: 20px 0;}
.basic_step li{position:relative;padding-bottom: 30px;}
.basic_step li:after{position: absolute;width: 15px;height: 13px;content: "";background: url('/2018/images/board/arrow-step.gif')no-repeat;transform: translateX(-50%) rotate(90deg);left: 50%;bottom: 10px;}
.basic_step li:last-child:after{display: none;}
.basic_step strong{display: block;padding: 10px 0;background: #8174c0;color: #fff;text-align: center;border-radius: 5px;}
.basic_step li:nth-child(2n) strong{background: #3e61b2;}
.basic_step span{display: block;padding: 10px;border: 1px solid #ddd;border-radius: 5px;}
.basic_step span b{font-weight: 900;color: #2c2455;}
@media all and (min-width: 768px){
.basic_step ol{display: flex;flex-wrap: wrap;}
.basic_step li{width: 50%;padding: 0 30px 0 0;margin: 0 0 20px 0;}
.basic_step li:after{transform: translateY(-50%);left: auto;right: 10px;bottom: auto;top: 50%;}
}                   




.org2025 .org-lev .lev03 h5{}
.org2025 .org-lev .lev03 h5 a{display: block;padding:10px 0; margin-bottom:10px; background-color:#de7b7b;color:#fff;text-align: center;color:#fff;}
.org2025 .org-lev>.lev03>div>ul{display:flex;flex-wrap:wrap;gap: 4%;justify-content: center;}
.org2025 .org-lev>.lev03>div>ul>li{width: 48%;margin: 10px 0;padding: 0 !important;!i;!;}
.org2025 .org-lev .lev03 .lev-tit span {display: block;width:auto;border:1px #de7b7b solid;color:#de7b7b;background: #fff;}
.org2025 .org-lev .lev03 .lev-box li span{display: block;width:auto;}
@media all and (min-width: 768px){
.org2025 .org-lev .lev03 h5{max-width:200px;margin: 0 auto 31px;}
.org2025 .org-lev>.lev03>div>ul>li{width: 22%;}	
}
@media all and (min-width: 1023px){
.org2025 .org-lev .lev03{display:flex;flex-wrap:wrap;gap: 3%; background:none;}
.org2025 .org-lev .lev03:before{content:'';position: absolute;top: -20px;left: 248px;right: 0;display:block;width: 460px;height: 1px;background:#e1e1e1;}
.org2025 .org-lev .lev03 h5{position: relative;z-index: 0;}
.org2025 .org-lev .lev03 h5:before{content:'';position: absolute;top: -20px;left: 0;right: 0;display:block;margin: 0 auto;width:1px;height: 81px;background:#e1e1e1;z-index: -6;}
.org2025 .org-lev .lev03 h5:after{content:'';position: absolute;bottom: -20px;left: -91px;right: 0;display:block;width: 382px;height: 1px;background:#e1e1e1;}
.org2025 .org-lev .lev03>div:nth-of-type(1){width: 56%;}
.org2025 .org-lev .lev03>div:nth-of-type(2){width: 41%;}
.org2025 .org-lev .lev03>div:nth-of-type(2) h5:after{width: 244px;left: -22px;}
.org2025 .org-lev>.lev03>div>ul{gap:2%;}
.org2025 .org-lev>.lev03>div>ul>li{width: 23.5%; position:relative;}	
.org2025 .org-lev>.lev03>div>ul>li:before{content:'';position: absolute;top: -20px;left: 0;right: 0;display:block;margin: 0 auto;width:1px;height: 20px;background:#e1e1e1;}
.org2025 .org-lev .lev03>div:nth-of-type(2)>ul>li{width: 31.33%;}
.org2025 .org-lev .lev03>div:nth-of-type(3){width: 100%;margin-top: 40px;}
.org2025 .org-lev .lev03>div:nth-of-type(3)>ul>li{width:100%;display: flex;gap: 2%;}
.org2025 .org-lev .lev03>div:nth-of-type(3)>ul>li .lev-tit{width: 200px;padding-top: 5px;}
.org2025 .org-lev .lev03>div:nth-of-type(3) .lev-box{width: 76%;}
.org2025 .org-lev .lev03>div:nth-of-type(3) .lev-box ul{display:flex;flex-wrap:wrap;gap: 1%;}
.org2025 .org-lev .lev03>div:nth-of-type(3) .lev-box ul li span{padding:10px ;}
}