@charset "utf-8";

/***************************************하단영역***************************************/
#foot {width:100%; min-width:1280px; padding:60px 0; background-color:#00142d; box-sizing:border-box;}
#foot_wrap {width:1280px; margin:0 auto;}

.foot_top{display:flex; align-items:center; justify-content:space-between;}
.foot_top .call_box ul{display:flex; align-items:center; gap:0 40px; line-height:1;}
.foot_top .call_box ul li{display:flex; gap:10px 15px;}
.foot_top .call_box span,
.foot_top .call_box a{font-size:2.8rem; color:#fff; font-weight:700;}

/*관련사이트*/
.familysite {display:flex; align-items:center; gap:0 50px;}
.familysite .familysite_box{position:relative;}

.familysite .on > a{display:flex; align-items:center; justify-content:space-between; gap:0 50px; padding:10px 0;  color:#fff;}
.familysite .on > a::after{content:""; display:block; width:14px; height:8px; background-image:url(/lbphospital/img/common/family_site_arrow.png); background-size:100% auto;}

.familysite  .familysite_box .familysite_list {position:absolute; bottom:48px; left:0; width:100%; border-radius:10px 10px 0 0; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.3); overflow:hidden; z-index:1;}
.familysite  .familysite_box .familysite_list ul li:nth-child(n+2){border-top:1px solid rgba(0,0,0,0.3);}
.familysite  .familysite_box .familysite_list ul li.tit{padding:10px; font-weight:700; font-size:1.5rem; color:#fff; background:#00142d;}
.familysite  .familysite_box .familysite_list ul li a{display:block; font-size:1.5rem; color:#555; text-decoration:none; padding:10px;}
.familysite  .familysite_box .familysite_list ul li a:hover{background:rgba(0,0,0,0.1);}

.finfo{display:flex; flex-direction:row-reverse; justify-content:space-between; margin-top:30px; padding-top:35px; border-top:1px solid rgba(255,255,255,0.15);}
.finfo .fmenu ul{display:flex; align-items:center; gap:10px 20px;}
.finfo .fmenu ul li a{color:rgba(255,255,255,0.5); font-size:1.6rem;}
.finfo .fmenu ul li a::after{opacity:0.5;}
.finfo .fmenu ul li.privacy a{color:#fff; font-weight:700;}
.finfo .fmenu ul li.privacy a::after{opacity:1;}

.finfo .adr_info .info{display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px;}
.finfo .adr_info .info li{color:#fff; font-size:1.6rem;}
.finfo .adr_info .copy{margin-top:8px; font-size:1.5rem; color:rgba(255,255,255,0.5);}

.new_window_icon{display:flex; align-items:center; gap:0 10px;}
.new_window_icon::after{content:""; display:block; width:16px; height:16px; background-image:url(/lbphospital/img/common/new_window_icon.png); background-size:100% auto;}

/* 상단이동 */
.top_btn{position:fixed; display:none; align-items:center; justify-content:center; width:60px; height:60px; right:30px; bottom:30px; border-radius:50%; background-color:rgba(0,0,0,0.5); cursor:pointer; z-index:1;}
.top_btn p{font-weight:700; color:#fff;}



/********************태블릿********************/
@media all and (max-width:1024px){

	#foot{min-width:auto; padding:80px 2vw;}
	#foot_wrap{width:100%;}


	.foot_top{flex-wrap:wrap; gap:30px 0;}
	.foot_top .call_box a{font-size:2.5rem;}

	.familysite{width:100%;}
	.familysite .familysite_box{width:50%;}

	.finfo{flex-direction:column; gap:30px;}

}

/********************모바일********************/
@media all and (max-width:767px){

	.new_window_icon::after{width:14px; height:14px;}

	#foot{padding:4vh 2vw;}
	.foot_top{gap:15px;}
	.foot_top .call_box ul{flex-direction:column; align-items:flex-start; gap:10px;}
	.foot_top .call_box span, .foot_top .call_box a{font-size:2.3rem;}

	.familysite{flex-direction:column;}
	.familysite .familysite_box{width:100%; border:1px solid #334357;}
	.familysite .familysite_box:nth-child(n+2){border-top:0;}
	.familysite .familysite_box .familysite_list{bottom:44px;}

	.familysite .on > a{padding:10px;}

	.finfo{padding-top:0; border-top:none;}
	.finfo .fmenu ul{flex-wrap:wrap; gap:0; border:1px solid rgba(255,255,255,0.15);}
	.finfo .fmenu ul li{width:calc(50% - 1px); border-left:1px solid rgba(255,255,255,0.15);}
	.finfo .fmenu ul li:nth-child(n+3){border-top:1px solid rgba(255,255,255,0.15);}
	.finfo .fmenu ul li:nth-child(odd){border-left:0;}
	.finfo .fmenu ul li a{justify-content:center; padding:1vh;}



}

/********************모바일2********************/
@media all and (max-width:480px){

	

}