@charset "utf-8";
/*기본화면-pc기준*/
#sub_contents{padding-top: 40px; margin-bottom: 80px; border-top: 1px solid #ddd;}
.content_area{padding: 30px 0 60px 0;}

/* LNB */
.lnb_area_wrap {position:relative; width:270px; float: left;}
.lnb_area_wrap .lnb_area {position:relative; padding:12px 20px; background-color:#fff; border:1px solid #e0e2e5; border-radius: 0 0 20px 20px;}

.lnb_area_wrap .lnb_area::before {content:"";position:absolute;left:-1px;bottom:0;background:url("../../../../../images/bg_lnb_line.png") left bottom no-repeat;width:1px;height:75px;}

.lnb_area_wrap .lnb_area::after {content:"";position:absolute;right:-1px;bottom:0;background:url("../../../../../images/bg_lnb_line.png") left bottom no-repeat;width:1px;height:75px;}

.lnb_area_wrap .lnb_tit {min-height: 125px; padding: 45px 20px 36px; box-sizing: border-box; text-align: center; font-size:27px; color:#fff; letter-spacing: -1.2px; font-weight:500; background: rgb(1,142,160); background: linear-gradient(90deg, rgba(1,142,160,1) 0%, rgba(27,111,182,1) 100%); border-radius: 20px 20px 0 0;}
.lnb_area_wrap .lnb_area > ul > li > a {position: relative; display:block; padding:10px 0; border-bottom:1px solid #e8ebef; font-weight: 400; color: #222;} 
.lnb_area_wrap .lnb_area > ul > li:last-child > a {border-bottom: 0;}
.lnb_area_wrap .lnb_area > ul > li.active > a {color: #017cd7; border-bottom:2px solid #017cd7; font-weight:bold;}
.lnb_area_wrap .lnb_area > ul > li > a::before {position:absolute; right: 0; top: 50%; transform: translateY(-50%); content:""; width:20px; height:20px; background: url("../../../../../../images/domain/health/sub/lnb01_off.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.active > a::before {content:""; width:20px; height:20px; background: url("../../../../../../images/domain/health/sub/lnb01_on.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.no_depth > a::before {position:absolute; right: 0; top: 50%; transform: translateY(-50%); content:""; width:20px; height:20px; background: url("../../../../../../images/domain/health/sub/lnb02_off.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.no_depth.active > a::before {position:absolute; right: 0; top: 50%; content:""; width:20px; height:20px; background: url("../../../../../../images/domain/health/sub/lnb02_on.png") center no-repeat;}

.lnb_area_wrap .lnb_area .active .depth_all {display:block;}
.lnb_area_wrap .lnb_area .depth_all {background-color: #f7f9fe;padding:14px 5px;display:none;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a {position:relative; display:block; padding: 2px 10px; padding-left:16px; color:#262a30; font-size: 15px;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a::before {position:absolute; left: 6px; top: 13px; content:""; width:3px; height:3px;background-color:#6d737c;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:hover,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:focus,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.active {color: #017cd7;font-weight: bold;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:hover::before,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:focus::before,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.active::before {background-color:#0099aa;}

/*  페이지 타이틀 및 경로 */
#content_page{float: left; width: calc(100% - 270px); padding-left: 80px; box-sizing: border-box;}
.sub_top{position: relative; min-height: 125px; padding-bottom: 20px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.page_tit{position: relative; display: inline-block; margin-top: 20px; margin-bottom: 5px; font-size: 32px;}
.page_tit span{position: relative; display: block; z-index: 2;}
.page_tit:before{position: absolute; top: 0; right: -15px; content: ""; display: block; width: 35px; height: 35px; background-image: url(/../../../../../../images/domain/health/sub/page_title.png); background-repeat: no-repeat; background-size: contain; z-index: 1;}
.location{display: flex; align-items: center;}
.location li{padding-right: 18px; margin-right: 10px; background-image: url(../../../../../../images/domain/health/sub/location_arrow.png); background-repeat: no-repeat; background-position: right center;}
.location li:last-child{background-image: none;}
.location li a{display: block; font-size: 15px; color: #555; font-weight: 400;}
.location li.home a{text-indent: -9999px; width: 14px; height: 14px; background-image: url(../../../../../../images/domain/health/sub/i_home.png); background-repeat: no-repeat;}

.shareBox{position: absolute; bottom: 20px; right: 0;}
.shareBox ul{display: flex;}
.shareBox li{margin-left: 10px;}
.shareBox li > button{width: 40px; height: 40px; background-color: #f4f4f4; border-radius: 50%; border: 0; text-indent: -99999px; background-repeat: no-repeat; background-position: center;}
.shareBox li .share_btn{background-image: url(../../../../../../images/domain/health/sub/i_sharing.png);}
.shareBox li .print_btn{background-image: url(../../../../../../images/domain/health/sub/i_print.png);}
.shareBox li > button:hover{background-color: #eaeaea;}

.share{position: relative;}
.sns{display: none; position: absolute; top: 45px; left: 0; padding: 5px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 25px; z-index: 3;}
.sns a, .sns button{display: block; width: 30px; height: 30px; text-indent: -9999px; background-repeat: no-repeat;}
.sns a{margin-bottom: 7px;}
.sns .facebook{background-image: url(../../../../../../images/domain/health/sub/i_facebook.png);}
.sns .facebook{background-image: url(../../../../../../images/domain/health/sub/i_facebook.png);}
.sns .twitter{background-image: url(../../../../../../images/domain/health/sub/i_twitter.png);}
.sns .band{background-image: url(../../../../../../images/domain/health/sub/i_band.png);}
.sns .close_btn{border: 0; background-color: transparent; background-image: url(../../../../../../images/domain/health/sub/i_close.png);}

/* 담당자 정보 및 만족도*/
.cont_footer{border: 1px solid #ddd;}
.admin_info{padding: 15px 40px; border-bottom: 1px solid #ddd;}
.admin_info li{display: inline-block; margin-right: 30px; font-size: 15px;}
.admin_info li span{position: relative; display: inline-block; padding-right: 12px; margin-right: 10px; color: #00627a; font-weight: 500;}
.admin_info li span:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; display: block; width: 1px; height: 13px; background-color: #a3a3a3;}

.cont_footer fieldset{border: 0;}
.satis_survey{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 30px 40px; background-color: #fafafa;}
.satis_survey p{font-size: 16px; font-weight: 400;}
.satis_survey p > img{margin-right: 10px;}

.satis_survey > ul > li{display: inline-block; margin-right: 25px;}
.satis_survey input, .satis_survey img, .satis_survey span{display:inline-block; vertical-align:middle;}
.satis_survey span{margin-left:10px; font-size: 15px;}
.satis_survey .btn_grey{padding: 5px 15px; font-size: 15px; background-color: #444; color: #fff; border: 0; cursor: pointer;}






/***********************************************/
/* 1700 이하(~1700)  */
@media screen and (max-width: 1700px) {}

/***********************************************/
/* 1480 이하(~1480)  */
@media screen and (max-width: 1480px) {}

/***********************************************/
/* 1200 이하(~1200)  */
@media screen and (max-width: 1200px) {
    #sub_contents{padding-top: 20px;}
    
    /* LNB */
    .lnb_area_wrap{display: none;}
    
    /*  페이지 타이틀 및 경로 */
    #content_page{width: 100%; padding-left: 0;}
    
    /* 담당자 정보 및 만족도*/
    .satis_survey p{margin-bottom: 10px;}
}

/***********************************************/
/* 1024 이하 (~1024)  */
@media screen and (max-width: 1024px) {
    /*  페이지 타이틀 및 경로 */
    .sub_top{min-height: auto;}
    .page_tit{font-size: 28px;}
    .page_tit:before{width: 25px; height: 25px;}
    
}

/***********************************************/
/* 모바일 (0~767) */
@media screen and (max-width: 767px) {
    #sub_contents{margin-bottom: 40px;}
    
    /*  페이지 타이틀 및 경로 */
    .sub_top{padding-bottom: 10px;}
    .shareBox{display: none;}
    .page_tit{margin-top: 0; font-size: 24px;}
    .page_tit:before{width: 20px; height: 20px;}
    .location li a{font-size: 14px;}
    
    
    /* 담당자 정보 및 만족도*/
    .admin_info{padding: 10px 15px;}
    .admin_info li{font-size: 14px;}
    .satis_survey{padding: 15px;}
    .satis_survey p{font-size: 15px;}
    .satis_survey .btn_grey{font-size: 13px;}
}

/***********************************************/
/* 모바일 (0~560) */
@media screen and (max-width: 560px) {
    /*  페이지 타이틀 및 경로 */
    .location{display: block;}
    .location li{display: inline-block;}
    .location li a{line-height: 14px;}
    
    /* 담당자 정보 및 만족도*/
    .admin_info{line-height: 1.4em;}
    .satis_survey p{margin-bottom: 5px; font-size: 14px;}
    .satis_survey p > img{display: none;}
    .satis_survey span{font-size: 14px;}
    .satis_survey .btn_grey{margin-top: 10px;}
}
    
 /***********************************************/
/* 서브 컨텐츠 */
/* 탭버튼 */
.tap_wrap{width: 100%; margin: 10px 0 30px;}
.tap_wrap .tapbtn{font-size:0; width:100%;}
.tap_wrap .tapbtn li{width: 25%; height: 60px; line-height: 60px; box-sizing: border-box; display: inline-block; vertical-align: top; margin-left: -1px;
margin-top: -1px; border-top: 1px solid #017cd7; border-bottom: 1px solid #017cd7; position: relative; }

.tap_wrap .tapbtn li:after{display:inline-block;content:"";position: absolute;width:1px;height: 18px;right:0;top: 50%;transform: translateY(-50%);background-color: #017cd7;z-index: 1;}
.tap_wrap .tapbtn li:last-child:after{display: none;}

/* 탭버튼 개수별 */
.tap_wrap .tapbtn2 li{width:50%;}
.tap_wrap .tapbtn3 li{width:33.3333%;}
.tap_wrap .tapbtn4 li{width:25%;}

.tap_wrap .tapbtn li.on a{color: #000000;font-weight: 700;background: #eaf6ff;border-bottom: 2px solid #017cd7;}

.tap_wrap .tapbtn li a{ display: block; height: 100%; width: 100%;; font-size: 17px; text-align: center; color: #000;
position: relative; box-sizing: border-box; background: #ffffff; font-weight: 500;}

@media  screen and (max-width:1500px){
    /* 탭버튼 개수별 */
    .tap_wrap .tapbtn4 li{width:50%;}
    .tap_wrap .tapbtn4 li:nth-child(2):after{display:none;}
}

@media  screen and (max-width:800px){
    /* 탭버튼 개수별*/
    .tap_wrap .tapbtn2 li{ width: 50%;}
    .tap_wrap .tapbtn li a{font-size: 15px;}
}

@media  screen and (max-width:600px)
{
    /* 탭버튼 개수별*/
    .tap_wrap .tapbtn li{width: 100%; height: 45px; line-height: 45px;}
    .tap_wrap .tapbtn li:after{display:none;}
}

/* 정의단 */
.ex_box {position:relative; margin-bottom:20px; padding: 30px; border: 3px solid #ebebeb; border-radius: 10px;}
.ex_box .txt span {display:block; margin-bottom:18px; color:#3478c1; font-weight:bold; font-size:19px;}
.ex_box .txt p {line-height:24px; color:#575757;}

@media all and (max-width:480px) {
    .ex_box{padding: 15px;}
	.ex_box .txt {padding-left:0;}
}

/* ul_style */
.ul_st1 {margin-left:6px}
.ul_st1 > li {position: relative; padding-left:12px; color:#111; text-align:left; line-height:1.7em; font-size:16px;}
.ul_st1 > li:before{position: absolute; top: 10px; left: 0; content: ""; display: block; width: 6px; height: 6px; background-color: #1790d6; border-radius: 50%;}
.ul_st1 > li > span {display:block; color:#3478c1; font-size:17px;}
.ul_st1 > li > ul {margin:3px 0 15px 0}
.ul_st1 > li > ul > li {position: relative; padding-left:11px; color:#444; font-size:15px; line-height:1.7em;}
.ul_st1 > li > ul > li:before{position: absolute; top: 9px; left: 0; content: ""; display: block; width: 4px; height: 4px; background-color: #a6a6a6;}
.ul_st1 > li > ul > li > ul {margin:3px 0 15px 0}
.ul_st1 > li > ul > li > ul li {padding-left:12px; color:#5b5b5b; font-size:15px; line-height:1.7em; background:url('/images/junggu_health/common/bul04.png') 0 10px no-repeat}
.ul_st1 > li div.box_st {margin:10px 0}
.ul_st1 a.bt_st {margin-top:-5px}
.tx_red.small{font-size: 15px; line-height: 1.5em; display: inline-block; margin-bottom: 20px;}


.ul_st2{margin:0px 0px 10px 15px; list-style:none; }
.ul_st2 li{position: relative; padding:3px 0px 3px 15px; font-size:16px; color:#474747; line-height:160%; }
.ul_st2 li::before {
	position: absolute; top:14px; left:0px; width:6px; height:2px; background-color:#333; content: '';
}
.ul_st2 li ul{margin:5px 0px 5px 0px;}
.ul_st2 li ul li{padding:0px 0px 0px 12px;}
.ul_st2 li img{vertical-align:middle;}
.ul_st2 li ol li{line-height:140%;}
.ul_st2 li ul li::before, .list_style1 li ol li::before {
    position: absolute; top: 11px; left:0; width:6px;height:1px; background-color: #333; content: '';
}

/* 소장인사 */
.greeting h4{max-width: 790px; padding-top: 80px; padding-bottom: 70px; background-image: url(../../../../../images/domain/health/sub/greeting_bg.png); background-repeat: no-repeat; background-position: right bottom;}
.greeting h4 p{font-size: 24px; color: #777; font-weight: 500; line-height: 1.4em;}
.greeting h4 p span{color: #0ba7bf; font-weight: 600;}
.greeting h4 div{font-size: 38px; color: #000;}
.greeting h4 div span{position: relative; display: inline-block;}
.greeting h4 div span:after{position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 22px; background-color: #a2e2ee; z-index: -1;}
.greeting .t1{margin-bottom: 20px; font-size: 24px; font-weight: 600;}
.greeting .t1 span {font-size: 28px;}
.greeting .t2{font-size: 17px;}

@media screen and (max-width: 767px) {   
    /* 소장인사 */
    .greeting h4{padding-top: 0; padding-bottom: 10px; background-image: none;}
    .greeting h4 p{font-size: 20px;}
    .greeting h4 div{font-size: 29px;}
    .greeting .t1{font-size: 19px;}  
}

/* 보건소연혁 */
.history .cont {padding:25px 10px; border-bottom:1px dashed #cccccc;}
.history .cont:after {content:""; display:block; clear:both;}
.history .cont.last {border-bottom: 0;}
.history .cont > span.year {display:block; float:left; position:relative; width: 20%; padding-top:30px; font-size:30px; font-weight: 600;}
.history .cont > span.year:before {content:"..........."; display:block; position:absolute; top:40px; right:17px; height:1px; font-size:10px; letter-spacing:3px;}
.history .cont > ul {float:left; width:78%; padding-top:38px;}
.history .cont > ul > li {margin-bottom:25px;}
.history .cont > ul > li:after {content:""; display:block; clear:both;}
.history .cont > ul > li > span {display:block; float:left; width:14%; color:#119eab; font-size:23px; font-weight:600;}
.history .cont > ul > li > ol {float:left; width:86%;}
.history .cont > ul > li > ol > li {margin-bottom:15px; color:#555555;}
.history .cont > ul > li > ol > li:after {content:""; display:block; clear:both;}
.history .cont > ul > li > ol > li > em {display:block; float:left; width:12%; font-size:17px; font-style: normal; font-weight: 400;}
.history .cont > ul > li > ol > li > ul {float:left; width:88%;}
.history .cont > ul > li > ol > li > ul > li > ol {padding-top:7px;}
.history .cont > ul > li > ol > li > ul > li > ol > li {line-height:20px; margin-bottom:4px; font-size:15px;}

@media all and (max-width:1024px) {
    .history .cont{padding: 10px;}
    .history .cont > span.year{float: none; width: 100%; padding-top: 0; font-size: 26px;}
    .history .cont > span.year:before{display: none;}
    .history .cont > ul{width: 100%; padding-top: 10px;}
    .history .cont > ul > li{margin-bottom: 10px; font-size: 15px;}
    .history .cont > ul > li > span{float: none; width: 100%; font-size: 20px;}
    .history .cont > ul > li > ol{float: none; width: 100%;}
}

/* 조직소개 */
.organ .p1 {position:relative; height:180px;}
.organ .p1 span {display:block; position:absolute; top:0; left:50%; transform: translateX(-50%); width:155px; height:155px; line-height: 140px; text-align:center; color:#fff; font-size:18px; background-color: #4574dc; border-radius: 50%; border: 5px solid #d3e1ff; box-sizing: border-box;}
.organ .p1 span:after {content:""; position:absolute; bottom:-30px; left:50%; margin-left:-1px; width:1px; height:25px; background:#e0e0e0; }
.organ .p1 em {display:block; position:absolute; top:180px; left:50%; margin-left:-50px; width:125px; height:125px; padding-top:53px; text-align:center; color:#fff; font-size:17px;}
.organ .p1 em:after {content:""; position:absolute; bottom:-25px; left:50%; width:1px; height:25px; background:#e0e0e0; }
.organ .p2 {padding:25px 15px; border:1px solid #e0e0e0;}
.organ .p2 ul:after {content:""; display:block; clear:both;}
.organ .p2 ul > li {float:left; width:50%; margin-bottom:30px; box-sizing: border-box;}
.organ .p2 ul > li {padding: 0 10px;}
.organ .p2 ul > li > span {display:block; margin-bottom:12px; padding:15px; text-align:center; color:#fff; font-size:16px; background:#415581; border-radius: 10px;}
.organ .p2 ul > li > ol {float:left; width:25%; padding-left:10px; text-align:center; box-sizing: border-box;}
.organ .p2 ul > li > ol.first {padding-left:0;}
.organ .p2 ul > li > ol > li {margin-bottom:5px; padding:13px 0; background-color: #f3f3f3; border-radius: 10px;}
.organ .p2 ul > li > ol > li.team {margin-bottom:5px; color:#fff; background:#80c951; border-radius: 10px;}
.organ .p2 ul > li > ol > li.team.st1 {background:#3a7cc3;}
.organ .p2 ul > li > ol > li.team.st2 {background:#17a0ad;}
.organ .p2 ul > li > ol > li.team.st3 {background:#45a38a;}

@media all and (max-width:1240px) {
	/* 조직소개 */
	.organ .p2 ul > li {width:100%; padding-left:0;}
}
@media all and (max-width:530px) {
	/* 조직소개 */
	.organ .p2 ul > li > ol {width:50%; margin-bottom:10px; padding-left:0;}
}

/* 각실안내 */
.sil ul:after {content:""; display:block; clear:both;}
.sil ul li {float:left; width:48.5%; height:200px; margin-bottom:20px; padding:20px; border:1px solid #d1d1d1;}
.sil ul li:nth-child(even) {margin-left:20px;}
.sil ul li span {float:left; width:36%;}
.sil ul li > dl {float:left; width:64%; padding-left: 20px;}
.sil ul li dl dt {line-height:23px; margin-bottom:13px; padding-bottom:15px; color:#3478c1; font-size:20px; border-bottom:1px dashed #dbdbdb; font-weight: 600;}
.sil ul li dl dd {position: relative; line-height:18px; margin-bottom:8px; padding-left:10px; line-height: 1.4em; font-size: 15px;}
.sil ul li dl dd:before{position: absolute; top: 8px; left: 0; content: ""; display: block; width: 4px; height: 4px; background-color: #017cd7; border-radius: 50%;}
.sil ul li dl dd.ovfs {overflow-y:scroll;}
.sil ul li dl dd.ovfs2 {overflow-y:scroll; height:100px; background:none; padding-left:0;}
.sil ul li dl dd.ovfs2 > p.ovf_tx_f {padding-left:10px; }
.sil ul li dl dd.ovfs2 > p {padding-left:10px; margin-bottom:8px;}
.sil ul li dl dd.ovfs3 {overflow-y:scroll; height:92px; background:none; padding-left:0;}
.sil ul li dl dd.ovfs3 > p.ovf_tx_f {padding-left:10px; }
.sil ul li dl dd.ovfs3 > p {padding-left:10px; margin-bottom:8px;}

/* 층별안내 */
.floor {margin-bottom:15px; padding:3.5% 10%; border:1px solid #d4d4d4;}
.floor:after {content:""; display:block; clear:both;}
.floor .p1 {width:26%;}
.floor .p1, .floor .p2 {float:left;}
.floor .p1 strong {display:block; margin-bottom:5px; color:#017cd7; font-size:70px; font-weight:600;}
.floor .p1 span {display:block; margin-bottom:20px; font-size:22px;}
.floor .p2 {width:74%;}
.floor .p2 span {position: relative; display:block; margin-bottom:25px; padding-left:10px;}
.floor .p2 span:before{position: absolute; top: 10px; left: 0; content: ""; display: block; width: 4px; height: 4px; background-color: #017cd7; border-radius: 50%;}

@media all and (max-width:1224px) {
	/* 각실안내 */
	.sil ul li {width:49.3%; height:340px;}
	.sil ul li:nth-child(even) {margin-left:10px;}
	.sil ul li span, .sil ul li dl {width:100%; padding-left: 0;}
	.sil ul li span {margin-bottom:10px; text-align:center;}
	.sil ul li dl dt {text-align:center;}
}
@media all and (max-width:813px) {
	/* 각실안내 */
	.sil ul li {width:100%; height:auto;}
	.sil ul li:nth-child(even) {margin-left:0;}
	.sil ul li span {width:35%;}
	.sil ul li dl {width:65%;}
	.sil ul li dl dt {text-align:left;}
	/* 층별안내 */
	.floor .p1, .floor .p2 {width:100%;}
}
@media all and (max-width:640px) {
	/* 각실안내 */
	.sil ul li span, .sil ul li dl {width:100%;}
	/* 층별안내 */
	.floor {padding:7%;}
	.floor .p1 strong {font-size:50px;}
}
@media all and (max-width:350px) {
	/* 각실안내 */
	.sil ul li span {text-align:left;}
	/* 층별안내 */
	.floor .p1 strong {font-size:35px;}
}

/* 찾아오시는길 */
.direct_con .map {margin-bottom:30px; background:#dddddd;}
.direct_con .info > ul > li {min-height: 46px; line-height:35px; margin-bottom:30px; background-repeat: no-repeat;}
.direct_con .info > ul > li:after {content:""; display:block; clear:both;}
.direct_con .info > ul > li > span {display:block; float:left; position:relative; width:18%; padding-left:60px; font-size:18px; font-weight:600;}
.direct_con .info > ul > li > span:before {content:"..........."; display:block; position:absolute; top:-4px; right:10px; height:1px; font-size:10px; letter-spacing:3px;}
.direct_con .info > ul > li.adress {background-image: url(../../../../../images/domain/health/sub/i_map.png);}
.direct_con .info > ul > li.call {background-image: url(../../../../../images/domain/health/sub/i_call.png);}
.direct_con .info > ul > li.bus {background-image: url(../../../../../images/domain/health/sub/i_bus.png);}
.direct_con .info > ul > li.call em {position:relative; margin-left:30px;}
.direct_con .info > ul > li.call em:before {content:""; position:absolute; top:6px; left:-14px; width:1px; height:10px; background:#424242;}
.direct_con .info > ul > li p {color:#424242;}
.direct_con .info > ul > li > ol {float:left; width:82%;}
.direct_con .info > ul > li > ol > li {margin-bottom:12px;}
.direct_con .info > ul > li > ol > li:after {content:""; display:block; clear:both;}
.direct_con .info > ul > li > ol > li > em {display:block; float:left; width:115px; text-align: center; line-height:25px; margin-top:5px; margin-right:10px; padding:0 10px; color:#fff; font-size:15px; background:#016ee3; border-radius: 25px;}
.direct_con .info > ul > li > ol > li > em.green {background:#0aa873;}
.direct_con .info > ul > li > ol > li > p {float:left;}

.root_daum_roughmap_landing {width:auto !important;max-width:100%}

@media all and (min-width:1024px) and (max-width:1163px){
	/* 찾아오시는길 */
	.direct_con .info > ul > li > span:before {display:none;}
	.root_daum_roughmap .wrap_map {height:300px !important;}
}
@media all and (max-width:960px) {
	/* 찾아오시는길 */
	.direct_con .info > ul > li > span:before {display:none;}
}
@media all and (max-width:640px) {
	/* 찾아오시는길 */
	.direct_con .info > ul > li {margin-bottom:20px; background-size: auto 35px;}
	.direct_con .info > ul > li > span {width:100%; padding-left: 42px;}
	.direct_con .info > ul > li.bus span {margin-bottom:10px;}
	.direct_con .info > ul > li > ol > li {margin-bottom:5px;}
	.root_daum_roughmap .wrap_map {height:250px !important;}
}
@media all and (max-width:380px) {
	/* 찾아오시는길 */
	.direct_con .info > ul > li.call em {display:block; margin-left:0;}
	.direct_con .info > ul > li.call em:before {display:none;}
}
 /* 테이블st1 */
.ovf_wrap{clear: both; word-break: keep-all; overflow: auto;}
.tbl_basic {width:100%; border-top: 2px solid #4a9ee1; text-align:center; line-height:1.6em}
.tbl_basic th, .tbl_basic td {line-height:22px; padding:10px; border:1px solid #d9d9d9; font-size:16px; word-break:keep-all;}
.tbl_basic th.left, .tbl_basic td.left {text-align:left; padding-left:10px;}
.tbl_basic thead tr th {background:#f6f6f6; font-weight:bold;}
.tbl_basic tbody tr th {background:#f6f6f6; color:#333;}
.tbl_basic tbody tr td span {display:block; margin-bottom:10px;}
.tbl_basic th:first-child,.tbl_basic td:first-child {border-left:none}
.tbl_basic th:last-child,.tbl_basic td:last-child {border-right:none}
.tbl_basic tfoot td.cont_box {padding:20px 15px;}
.tbl_basic td ul li {color:#656565; word-break:keep-all;}
.tbl_basic td.bg1{background:#f1fdff;}
.tbl_basic td.bg2{background:#fffef2;}



/* 테이블st2 */
.tbl_basic2 {width:100%; text-align:center; line-height:1.6em}
.tbl_basic2 th, .tbl_basic2 td {padding:10px; border:1px solid #d9d9d9; font-size:15px}
.tbl_basic2 th.left, .tbl_basic2 td.left {text-align:left; padding-left:10px;}
.tbl_basic2 thead tr th {background:#fafafa; font-weight:bold;}
.tbl_basic2 tbody tr th {background:#fafafa; color:#333;}
.tbl_basic2 tbody tr td.title {color:#119eab;}
/*.tbl_basic2 th:first-child,.tbl_basic2 td:first-child {border-left:none}
.tbl_basic2 th:last-child,.tbl_basic2 td:last-child {border-right:none}*/
.tbl_basic2 tfoot td.cont_box {padding:20px 15px;}

@media all and (max-width:640px) {
    .tbl_basic th, .tbl_basic td{font-size: 15px;}
}              

/* 바로가기 */
.link_box ul:after {content:""; display:block; clear:both;}
.link_box ul li {position:relative; float:left; width:48.7%; height:160px; margin-left:12px; margin-bottom:12px; padding: 30px; border:1px solid #d6d6d6; border-radius: 10px;}
.link_box ul li:first-child, .link_box ul li:nth-child(3) {margin-left:0;}
.link_box ul li i {display:block; position:absolute; top:50%; left:7%; margin-top:-51px; width:103px; height:103px; background:url('../../../../../images/domain/health/sub/link_box_bg1.png') 0 0 no-repeat;}
.link_box ul li i.bg2 {background-image:url('../../../../../images/domain/health/sub/link_box_bg2.png');}
.link_box ul li i.bg3 {background-image:url('../../../../../images/domain/health/sub/link_box_bg3.png');}
.link_box ul li i.bg4 {background-image:url('../../../../../images/domain/health/sub/link_box_bg4.png');}
.link_box ul li i.bg5 {background-image:url('../../../../../images/domain/health/sub/link_box_bg5.png');}
.link_box ul li div {padding-left:125px;}
.link_box ul li div strong {display:block; margin-bottom:15px; color:#373737; font-size:18px; line-height: 1;}
.link_box ul li div span {display:block; margin-bottom:8px; color:#575757; font-size:14px;}
.link_box ul li div a {width:100%; margin:0;}

@media all and (max-width:784px) {
	.link_box ul li {height:auto;}
	.link_box ul li i {display:none;}
	.link_box ul li div {padding-left:0;}
}
@media all and (max-width:657px) {
	.link_box ul li {width:100%; margin-left:0;}
}
                   
/* tx_basic */
.tx_basic {margin-top:20px;}
.tx_basic > li {margin-bottom:30px; padding-bottom: 25px; border-bottom:1px solid #dddddd;}
.tx_basic > li:last-child {margin-bottom:0px; border:0 none}
.tx_basic li div.area {overflow:hidden;}
.tx_basic li .pho {float:left; width: 18%; /*border:1px solid #dedede; background:#eeeeee;*/}
.tx_basic li .tx {float:right; width: 79%; margin-left:3%}
.tx_basic li .tx ul > li > ol {margin-top:4px;}
.tx_basic li .tx ul > li > ol li {background:url('../../../../../images/domain/health/sub/bul03.png') 0 8px no-repeat}
.tx_basic li h4 {margin: 0 0 17px 0; padding-bottom:17px; border-bottom:1px dotted #dbdbdb; font-size:22px; color:#4d4d4d}
.tx_basic li ul li {position: relative; padding-left:12px; color:#5b5b5b; font-size:15px; line-height:1.5em;}
.tx_basic li ul li:before{position: absolute; top: 9px; left: 0; content: ""; display: block; width: 5px; height: 5px; background-color: #1790d6; border-radius: 50%;}
.tx_basic li ul li.tx_p {padding:0; background:none}

/* txt_img */
.ul_st1 > li > ul.txt_img > li {padding-left:0; background:none;}
.ul_st1 > li > ul.txt_img li div.img {width:28%;}
.ul_st1 > li > ul.txt_img li div.txt {width:72%;} 
ul.txt_img li {overflow:hidden; margin-bottom:15px;}
ul.txt_img li div {float:left;}
ul.txt_img li div.img {position:relative; width:28%; padding-bottom:20px;}
ul.txt_img li div.img span {display:inline-block; position:absolute; left:0; bottom:0; padding-left:15px; line-height: 1.5em; padding-top:5px; font-size:14px; background:url('../../../../../images/domain/health/sub/img_txt.png') 0 12px no-repeat;}
ul.txt_img li div.txt {width:72%; padding-left:3%;}
ul.txt_img li div.txt strong {display:block; margin-bottom:17px; padding-bottom:17px; color:#4d4d4d; font-size:22px; border-bottom:1px dotted #dbdbdb;}
ul.txt_img li div.txt p {line-height:22px; color:#5b5b5b; font-size:15px;}

@media all and (max-width:800px) {
	/* txt_img */
	ul.txt_img li div.img {overflow:hidden; float:none; width:100% !important; padding-bottom:0; text-align:center; border:1px solid #dedede; background:#eeeeee;}
	ul.txt_img li div.img span {position:static;}
	ul.txt_img li div.img img {width:320px; height:auto;}
	ul.txt_img li div.txt {float:none; width:100% !important; margin:3% 0 0 0%; padding:0 0%}
	ul.txt_img li div.txt strong {font-size:19px}

}

/* p 기본값 */
.tx_basic li ul li > strong {color:#3a7cc3;}
.tx_basic li ul li > strong.st1 {margin-right:25px;}
.tx_basic li .tx_history ul li {margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #dbdbdb;}
.tx_basic li .tx_history h4 {padding:0; border:0 none}
.tx_basic li .tx_history ul li p.p_tx {margin-top:2px; font-size:15px; color:#666666}
.tx_basic li.strong_ab li {position:relative; padding-left:120px; margin-bottom:5px;}
.tx_basic li.strong_ab li strong {position:absolute; top:0; left:13px}

/* 작은이미지 사이즈 */
.tx_basic.s_img li .pho {width:20%;}
.tx_basic.s_img li .pho img { height:auto}
.tx_basic.s_img li .tx {width:77%; margin-left:3%}

/* 이미지 없을 때 */
.tx_basic li .area.no_img .tx {width:100%}
.tx_basic li .area.no_img h4 {border:0 none; margin-bottom:0px}
.tx_basic.s_img > li {margin-bottom:20px; }

@media all and (max-width:800px) {
	/* tx_basic */
	.tx_basic li .pho {overflow:hidden; float:none; width:100%; text-align:center}
	.tx_basic li .pho img {width:320px; height:auto}
	.tx_basic li .tx {float:none; width:100%; margin:3% 0 0 0%; padding:0 0%}
	.tx_basic li h4 {font-size:19px}
	.tx_basic li ul li {font-size:14px}
	.tx_basic li.strong_ab li {padding-left:13px}
	.tx_basic li.strong_ab li strong {position:static; padding-left:0}
	.tx_basic li.strong_ab li strong.st1 {display:block}
	.tx_basic.s_img li .pho {width:100%;}
	.tx_basic.s_img li .pho img {width:200px;}
	.tx_basic.s_img li .tx {width:100%; margin-left:0%}
}
@media all and (max-width:350px) {
	/* tx_basic */
	.tx_basic li h4 {font-size:18px;}
}

/* award_area */
.award_area {overflow:hidden}
.award_area li {float:left; width:23%; margin:0 2.5% 40px 0;}
.award_area li:nth-child(4n) {margin-right:0%}
.award_area li p {position:relative; max-width:225px; margin-bottom:5px; border:1px solid #dbdbdb}
.award_area li p::before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:url('/images/junggu/junggu/junggu_sha.png') 0 0px no-repeat}
.award_area li p::after {display:block; position:absolute; left:0; bottom:-6px; width:100%; height:5px; content:''; background:url('/images/junggu/junggu/junggu_bottom.png') 0 0px no-repeat}
.award_area li .con dl dt {position:relative; margin-bottom:15px; padding:18px 0 15px 0px; color:#3b3b3b; font-size:19px; font-weight:bold; letter-spacing:-1px;line-height:130%}
.award_area li .con dl dt::after {position:absolute; left:0; bottom:0; width:20px; height:1px; content:''; background:#a0a0a0}
.award_area li .con dl dd {color:#666666; line-height:145%}
.award_area li .con a {margin-top:20px}

@media all and (max-width:620px) {
	/* award_area */
	.award_area li {width:48.5%}
	.award_area li:nth-child(2n) {margin-right:0%}
	.award_area li .con dl dt {font-size:15px}
	.award_area li .con dl dd {font-size:13px}
}

/* div.box */
.box_st {padding:2% 3%; border:3px solid #ececec; line-height:150%}

/* process_area(4칸-2tx) */
.process_area {padding:25px 20px 0 25px; border:1px solid #d8d8d8; box-sizing:border-box}
.process_area ul {overflow:hidden;}
.process_area ul li {display:table; position:relative; float:left; width:26%; margin-bottom:3%; padding:0% 5% 0% 0; background:url('../../../../../images/domain/health/sub/process_arr1.gif') no-repeat 95% 50%; color:#333333; font-size:15px; text-align:center; line-height:1.3em;}
.process_area ul li:last-child {width:21%; padding:0; background:none}
.process_area ul li div {display:table-cell; height:83px; padding:8% 5%; border:8px solid #acd4ff; border-radius:20px; vertical-align:middle;}
.process_area ul li div p {font-weight:bold; color:#555555}
.process_area ul li div.st1 {}
.process_area ul li div.st2 {border-color: #9ee6ec;}
.process_area ul li div.st3 {border-color: #98e3d0;}
.process_area ul li div.st4 {border-color: #bce8a0;}
.process_area ul li div.st5 {border-color: #b5bbfa;}
/* 2021-05-04 */
.process_area ul.hei li div { height:128px; }

/* process_area(5칸 이상-2tx) */
.process_area.p5 ul li {width:33.33%;}
.process_area.p5 ul li:last-child {width:29%; padding:0; background:none}
.process_area.p5 ul li div {padding:5% 5%;}

@media all and (max-width:620px) {
    /* process_area */
	.process_area {padding-bottom:20px}
	.process_area ul li {float:none; width:100%; padding:0 0 8% 0; background:url('../../../../../images/domain/health/sub/process_arr2.gif') no-repeat 50% 95%;}
	.process_area ul li:last-child {width:100%;}
	.process_area ul li div {height:75px; padding:3% 5%;}

	/* process_area(5칸 이상-2tx) */
	.process_area.p5 ul li {width:100%}
	.process_area.p5 ul li:last-child {width:100%}
}

@media all and (max-width:480px) {
    /* process */
	.process_area ul li {padding-bottom:10%}
	.process_area ul li div {padding:4% 5%;}
}

/* 프로세스+텍스트 */
.process_area02 {margin-top:30px}
.process_area02 > li {display:table; width:100%; padding:3% 0 1% 0; background:url('../../../../../images/domain/health/sub/pro_list2.gif') no-repeat 12% top;}
.process_area02 > li:first-child {padding:0 0 1% 0; background:none}
.process_area02 > li > p {display:table-cell; width:26%; padding:2%; border:6px solid #dddddd; font-size:16px; font-weight:bold; text-align:center; line-height:140%; vertical-align:middle;}
.process_area02 > li > p.st1 {border-color:#3a7cc3}
.process_area02 > li > p.st2 {border-color:#17a0ad}
.process_area02 > li > p.st3 {border-color:#45a38a}
.process_area02 > li > p span {font-size:13px; color:#555555}
.process_area02 > li > div {vertical-align:middle; padding-left:5%}
.process_area02 > li > div > ul {height:104px; min-height:63px; padding:3% 3.5%; border:1px solid #ccc; background:#f9f9f9;}
.process_area02 > li > div > ul li {line-height:145%}
.process_area02 > li > div > ul.long {height:140px;}
.process_area02.long > li > div > ul {height:auto}

@media all and (max-width:620px) {
	/* 프로세스+텍스트 */
	.process_area02 > li {padding:8% 0 3% 0; background-position:center top}
	.process_area02 > li:first-child {padding:0 0 3% 0;}
	.process_area02 > li p {display:block; width:100%; padding:10px 5px; border-radius:0; font-size:14px}
	.process_area02 > li div {padding-top:1%; padding-left:0%}
	.process_area02 > li > div > ul.ul_st1 {margin-left:0}
}

/* 우리아이 예방접종 */
p.vacci {margin-bottom:10px; padding:10px 30px; color:#dd4242; text-align:right; font-size:16px; font-weight:500; border-bottom:1px dashed #e2e2e2; background:#f0f7ff;}
p.vacci span {margin-left:10px; color:#000;}      

/* 사이트맵 */
.sitemap {}
.sitemap .area  {position:relative; width:100%; margin-bottom: 40px; padding:0px 0px 40px 24%; border-bottom: 1px dashed #ddd;}
.sitemap .area h3 {position:absolute; top:0; left:0; width:20%; font-size:25px; }
.sitemap .area h3:hover {text-decoration:none}
.sitemap .area .site_group {width:100%;}
.sitemap .area .site_group:after {content:"";display:block; visibility:hidden; clear:both;}
.sitemap .area .site_group.long .site_list {min-height:200px;}
.sitemap .area .list {float:left; width:23%; margin:0 1% 20px 1%;}
.sitemap .area .list:after {content:"";display:block;visibility:hidden;clear:both;}
.sitemap .area .list > li {font-size:15px;}
.sitemap .area .list > li > a { display:block; margin-bottom:15px; padding:12px 0; line-height: 1.3em; border:1px solid #dddddd; color:#222222; text-align:center; font-size:16px; letter-spacing:-1px}
.sitemap .area .list > li > a:hover,.sitemap .area .site_list > li a:focus {border:1px solid #017cd7; background-color: #f7fbff; text-decoration:none}
.sitemap .area .list li ul li {}
.sitemap .area .list li ul li a {position:relative; display:block; margin:0 0 5px 8px; padding:0 10px 0 12px; line-height:21px; font-size:15px}
.sitemap .area .list li ul li a:before {position:absolute; top:10px; left:0; display:block; width:5px; height:1px; content:''; background:#666666}
.sitemap .area .list li a.blank:after {display:inline-block; width:14px; height:14px; margin-left:5px; background:url('../../../../../images/domain/health/sub/i_blank.png') 0 0 no-repeat; content:'';}

.sitemap .area .list li ul li a:hover,.sitemap .area .site_list li ul li a:focus {color:#000}

@media all and (max-width:1000px) {	
	/* 사이트맵 */
	.sitemap .area .list {width:31%}
}

@media all and (max-width:750px) {

	.contents .sns_box{bottom:auto;top:0;}
	.contents .sns_box li.print a{display:none;}
	
	/* 사이트맵 */
	.sitemap .area {margin-bottom:0; padding:0%; border-bottom: 0;}
	.sitemap .area h3 {position:static; width:98%; margin:0 auto; padding:10px 15px; font-size:18px; background-color: #3681b4; color:#ffffff; border-top:0; }
	.sitemap .area .site_group {padding-top:10px; border:0 none}
	.sitemap .area .list {width:48%; margin:0 1% 35px 1%; }
	.sitemap .area .list:nth-child(2n) {margin-right:0}
	.sitemap .area .list > li > a {margin-bottom:10px; font-size:15px}
	.sitemap .area .list li ul li a {padding-right:13px}
}