@charset "utf-8";
/* html,body{overflow-x: hidden;} */

#tnb .layout .utile_wrap .site-link{margin-right: 6px;}
@media screen and (max-width: 1439.98px) {

	#top_layout .top_wrap #logo{left:30px;}
	#top_layout .top_wrap .utile_wrap{right:30px}
	
}



/* banner */
/* main-banner */
#bottom_banner {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: transparent;
	background-color: #eef4fb;
	position: relative;
	padding-top: 10px;
	overflow: hidden;
}
#bottom_banner:before{content: ''; height:190px;width:100%; background-color: #eef4fb; position: absolute; top: -190px;}


#bottom_banner .layout {
	max-width: 1420px;
	padding: 0 30px
}

#bottom_banner .layout .banner_wrap {
	height: 60px;
}

#bottom_banner .layout .banner_wrap .slide::after{
	background:linear-gradient(to left, #eef4fb, transparent)
}

#bottom_banner .layout .banner_wrap .banner_tit {
	margin-right: 205px;
	font-size: 16px;
	font-family: 'Pretendard';
}

#bottom_banner .layout .banner_wrap .slide_control {
	right: auto;
	left: 130px
}

#bottom_banner .slide_control button.button {
	width: 18px;
	height: 18px;
	border: 1px solid #cecece
}

#bottom_banner .layout .banner_wrap .slide_control button.prev:before,
#bottom_banner .layout .banner_wrap .slide_control button.next:before {
	border-color: #8f8f8f;
	width: 4px;
	height: 4px;
}

#bottom_banner .layout .banner_wrap .slide_control button.prev:before {
	left: -5px
}

#bottom_banner .layout .banner_wrap .slide_control button.next:before {
	right: 4px
}

#bottom_banner .layout .banner_wrap .slide_control button.stop:before {
	box-shadow: -2px 0 #8f8f8f, 2px 0 #8f8f8f;
}





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

	#bottom_banner .layout{padding:0 30px}
	#bottom_banner .layout .banner_wrap .banner_tit {
		margin-right: 132px;}
}

@media (max-width: 767.98px) {

	#bottom_banner{padding-bottom: 0;}
	#bottom_banner .layout .banner_wrap{flex-wrap: nowrap;}
	#bottom_banner .layout .banner_wrap .banner_tit {
		margin-right: 162px;
	}
	#bottom_banner .layout .banner_wrap .slide_control{
		top: 50%;
		transform: translate(0, -50%);
		left:119px;
	}

}
@media (max-width: 767.98px){
#svisual_layout{
  display: none;
}
}



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

	#bottom_banner .layout, #foot_layout .footer-link .layout, #foot_layout .footer-info .layout{padding-left: 15px; padding-right: 15px;}
	#bottom_banner .layout .banner_wrap .banner_tit{margin-right: 32px;}
	#bottom_banner .layout .banner_wrap .slide_control{display:none;}

	#top_layout .top_wrap #logo{left: 15px;}
	#top_layout .top_wrap .utile_wrap{right:15px}

}


/* footer */
#foot_layout{background-color:#eef4fb; position:relative;padding-bottom: 110px;}
#foot_layout .footer-link .layout,#foot_layout .footer-info .layout{max-width:1360px; z-index: 5; position:relative}
#foot_layout .footer-link .layout{margin-bottom: 24px; margin-top: 10px;}
#foot_layout .footer-link .list{margin: 0;}
#foot_layout .footer-link .list li a{color:#394049; padding:0px 28px 0px 0}
#foot_layout .footer-link .list li:first-child a{padding-left: 0;}
#foot_layout .footer-link .list li a:before{right:14px;
	background-color:#cad5e3;height: 10px; }
#foot_layout .footer-link .list li a.i_color,
#foot_layout .footer-link .list li a:hover, #foot_layout .footer-link .list li a:focus{color:#02429a}

#foot_layout .footer-info .layout address>span,
#foot_layout .footer-info .layout address>span a,
#foot_layout .footer-info .layout .copy>span,
#foot_layout .footer-info .layout .copy p,
#foot_layout .footer-info .layout address p,
#foot_layout .footer-info .layout address, #foot_layout .footer-info .layout .copy, #foot_layout .footer-info .layout address>span::after, #foot_layout .footer-info .layout .copy>span::after, #foot_layout .footer-info .layout address p, #foot_layout .footer-info .layout .copy p{color:#394049; opacity: 1;}

#foot_layout .footer-info .layout .copy p{margin-top: 10px;}


#foot_layout .footer-info .layout .flogo {
	background: url('/images/health/main/footer_logo.png');
	right: calc(50% - 631px);
	top:-45px
}

.bg-obj{position:absolute;bottom: 0;left:0; display:block; width:100%;}
.bg-obj:before{content:''; display:block;width:100%;background: url('/images/health/main/water.png') no-repeat right center;  position:absolute;bottom:0;left:0;height:25px; background-color: #89c5ef;z-index: 2; bottom:0}

.bg-obj .obj{display:inline-block; background-position: center center; background-repeat: no-repeat; position:absolute;z-index: 2; bottom:0; background-size: 100%;}
.bg-obj .obj:after{content:''; display:block; clear:both}
.bg-obj .left-obj{background-image: url('/images/health/main/left_obj.png'); width: 464px;height: 210px;left:0;}
.bg-obj .right-obj{background-image: url('/images/health/main/right_obj.png'); width: 572px;height: 209px;right:0; }

.bg-obj .left-obj2,.bg-obj .right-obj2{z-index: 1; }
.bg-obj .left-obj2{left:292px; background-image: url('/images/health/main/left_obj2.png'); width: 326px;height: 103px;}
.bg-obj .right-obj2{right:336px;background-image: url('/images/health/main/right_obj2.png'); width: 371px;height: 142px;}




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

	#foot_layout{overflow: hidden;}
.bg-obj .left-obj{width: 384px;
    height: 172px;
    left: -63px;}

.bg-obj .left-obj2{width: 326px;height: 103px; left:230px}
.bg-obj .right-obj{width: 212px;
    height: 209px;
    background-size: auto 100%;
    background-position: left center;}
	.bg-obj .right-obj2{width: 345px;height: 141px;right: -21px;}

}



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

	#foot_layout .footer-link .layout,
	#foot_layout .footer-info .layout {
		padding: 0 30px 50px
	}

	#foot_layout .footer-link .layout,
	#bottom_banner .layout {
		padding-bottom: 0;
	}

	#foot_layout .footer-link .layout{margin-bottom: 0; padding-bottom: 28px;}
	#foot_layout .footer-info .layout .flogo {
		right: calc(50% - 601px);
	}


}

@media (max-width: 1279.98px){

	#foot_layout .footer-link .list{padding: 0;}

}


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

	#foot_layout{padding-bottom: 96px;}
	#foot_layout .footer-link .layout{padding-bottom: 22px;}
	#foot_layout .footer-link .list li a:before{top:56%}
	
}


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

	#foot_layout{padding-bottom: 0;}
	.bg-obj{display:none}

	#foot_layout .footer-info .layout{box-sizing: border-box;}
	#foot_layout .footer-info .layout address, #foot_layout .footer-info .layout .copy{text-align: center;}
	
	#foot_layout .footer-link .layout{margin-top: 0;padding-top: 20px;
	padding-bottom: 28px;}
	
}


@media (max-width: 767.98px) {


	#foot_layout .toTop {
		display: none;
	}

	#foot_layout .footer-link {
		border-bottom: none;
		padding-top: 0
	}

	#foot_layout .footer-link .list li {
		margin: 0;
		width: auto;
		border: none;
		border-radius: 0;
	}


	#foot_layout .footer-link .list li a:before {
		display: inline-block
	}

	#foot_layout .footer-info .layout address>span:first-child,
	#foot_layout .footer-info .layout .copy>span:first-child {
		display: inline-block
	}

	#foot_layout .footer-info .layout address .mo {
		color: #787878
	}

	#foot_layout .footer-info .layout address,
	#foot_layout .footer-info .layout .copy,
	#foot_layout .footer-info .layout address>span::after,
	#foot_layout .footer-info .layout .copy>span::after,
	#foot_layout .footer-info .layout address p,
	#foot_layout .footer-info .layout .copy p {
		display: inline-block
	}

	#foot_layout .footer-info .layout address p,
	#foot_layout .footer-info .layout .copy p {
		margin-top: 7px;
	}


	#foot_layout .footer-info .layout address>span::after{margin: 0 0 0 4px}

}





@media (max-width: 720px) {

	#foot_layout {
		padding-bottom: 20px;
	}

	#foot_layout .footer-info .layout {
		text-align: center;
		padding: 14px 30px;
	}

	#foot_layout .footer-link {

		padding-top: 51px;

	}

	#foot_layout .toTop {
		display: block;
		width: calc(100% - 60px);
		left: 30px;
		top:10px;

	}

	#foot_layout .toTop a, #foot_layout .footer-link .list li a
	{border: 1px solid #cedce8;}

	#foot_layout .toTop a {
		
		color: #8191a3;
		font-size: 15px;
		
	}

	#foot_layout .footer-link .layout{padding-top:3px;padding-bottom: 12px;}

	#foot_layout .footer-link .list {
		display: block;
		width: calc(100% + 4px);
		margin: 2px -2px 0;
		
	}

	#foot_layout .footer-link .list li {
		width: calc(50% - 4px);
		margin: 0 2px 4px;
		float: left;
	}

	#foot_layout .footer-link .list li:last-child{width:calc(100% - 4px)}

	#foot_layout .footer-link .list li a {
		text-align: center;
		padding: 8px 7px 7px;
		min-height: 39px;
		border-radius: 5px;
		color:#8191a3
		
	}

	#foot_layout .footer-link .list li a:before {
		display: none
	}

	#foot_layout .footer-info .layout address>span:first-child,
	#foot_layout .footer-info .layout .copy>span:first-child,
	#foot_layout .footer-info .layout address p,
	#foot_layout .footer-info .layout .copy p {
		display: block
	}


	#foot_layout .footer-link .list li:first-child a,
	#foot_layout .footer-link .list li a:hover,
	#foot_layout .footer-link .list li a:focus {
		color: #8191a3
	}



}

@media screen and (max-width:480px) {
	#foot_layout .toTop{width: calc(100% - 30px);
		left: 15px;}
	 #foot_layout .footer-link .layout, #foot_layout .footer-info .layout{padding-left: 15px; padding-right: 15px;}

}

/* 보건소 조직도 */
.health_org {position: relative;width: 100%;display: block;}
.health_org img {position: relative;left: 50%;transform: translate(-50%, 0);}


/* 보건소 mobile menu */

#mobile-menu .utile_wrap .site-link a{font-size: 13px;}
#mobile-menu .utile_wrap .site-link:nth-child(2) a:after{display:none}

/*팝업 모바일 block*/
@media(max-width:767px){
	#popup_content{display:block;}
	#popup_content > div{left:0!important;}
}