@charset "utf-8";
/*서브비주얼*/
#sub_visual{width:100%; height:240px; background-size:cover; background-position:center; background-repeat:no-repeat;}
#sub_visual.simg01{background-image:url(/lbphospital/img/common/sub_visual01.jpg);}
#sub_visual.simg02{background-image:url(/lbphospital/img/common/sub_visual02.jpg);}
#sub_visual.simg03{background-image:url(/lbphospital/img/common/sub_visual04.jpg);}
/*#sub_visual.simg04{background-image:url(/lbphospital/img/common/sub_visual04.jpg);}*/

#container.sub {}
#container_wrap {display:flex; justify-content:space-between; width:1280px; margin:0 auto;}


/*사이드 메뉴*/
#sidebar {width:230px; margin-top:-60px;}
#sidebar h2.sidetitle{position:relative; display:flex; align-items:center; justify-content:center; height:129px; font-size:2.8rem; color:#fff; font-weight:700; border-radius:0 20px 20px 20px; background-color:#0952ac;}
#sidebar h2.sidetitle::before, #sidebar h2.sidetitle::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(/lbphospital/img/common/sub_titbg.png); background-position:center; background-repeat:no-repeat;}
#sidebar h2.sidetitle::after{display:none; left:auto; top:50%; right:2vw; width:50px; height:50px; background-image:url('/lbphospital/img/main/move_btn_arrow.png'); background-size:100% auto; transform:translateY(-50%) rotate(90deg);}

#sidemenu {width:100%; margin-top:10px;}
#sidemenu > ul > li {border-bottom:1px solid #e5e5e5;}
#sidemenu > ul > li > a{position:relative; display:flex; align-items:center; justify-content:space-between; gap:0 10px; padding:18px 20px; font-size:1.8rem; font-weight:700; box-sizing:border-box;}
#sidemenu > ul > li > a::after{content:""; display:block; width:8px; height:8px; border-radius:50%; background:#e5e5e5;}

#sidemenu > ul > li > ul{padding:15px; background:#f9f9f9;}
#sidemenu > ul > li > ul > li > a{position:relative; padding-left:12px; font-size:1.6rem; color:#888;}
#sidemenu > ul > li > ul > li > a::before{content:""; position:absolute; left:0; top:10px; width:6px; height:2px; background:#888;}


.sidetab{display:none;}

/*컨텐츠영역*/
#contents {position:relative; width:1000px; min-height:600px; margin-bottom:100px;}

#cont_head {width:100%; }
#location{position:relative; display:flex; align-items:center; justify-content:space-between; height:60px; margin-top:-60px; border-radius:20px 0 0 0; background:#0952ac; z-index:1;}
#location::before{content:""; position:absolute; left:50%; top:0; width:150vh; height:100%; background:#0952ac; z-index:-1;}

#location dl{display:flex; align-items:center; gap:0 15px;}
#location dl dt{display:flex; align-items:center; justify-content:center; width:60px; height:60px; font-size:0; text-indent:-999999px; border-radius:20px 0 0 0; background:rgba(255,255,255,0.2); background-image:url(/lbphospital/img/common/nav_home.png); background-size:20px auto;  background-position:center; background-repeat:no-repeat;}
#location dl dd{display:flex; align-items:center; gap:0 15px; color:#fff; font-size:1.6rem;}
#location dl dd::before{content:""; display:none; width:6px; height:9px; background-image:url(/lbphospital/img/common/nav_arrow.png); background-size:100% auto;}
#location dl dd:nth-child(n+3)::before{display:block;}

/*프린트, 공유링크*/
#sub_util{display:flex;}
#sub_util .print, #sub_util .share{position:relative; display:flex; width:60px; height:60px;}
#sub_util .share::before{content:""; position:absolute; left:0; top:50%; width:1px; height:30%; background:rgba(255,255,255,0.3); transform:translateY(-50%);}
#sub_util .print::after, #sub_util .share::after{content:""; position:absolute; left:50%; top:50%; width:20px; height:20px; background-size:100% auto; background-repeat:no-repeat; transform:translate(-50%, -50%); z-index:-1;}
#sub_util .print::after{background-image:url(/lbphospital/img/common/nav_print.png);}
#sub_util .share::after{background-image:url(/lbphospital/img/common/nav_link.png);}

#sub_util .print .btn, #sub_util .share .btn{display:block; width:100%; height:100%; font-size:0; text-indent:-99999px;}

#share_cont{position:absolute; top:60px; left:50%; padding:10px 0; border-radius:20px; background:#f3f3f3; box-shadow:5px 5px 10px rgba(0,0,0,0.15); transform:translateX(-50%);}
#share_cont ul li a{display:block; width:40px; padding:10px 0; text-align:center;}

/*컨텐츠 타이틀*/
.content_tit{margin:50px 0;}
.content_tit h2#menu_tit {line-height:1; font-size:4.5rem; font-weight:700;  }


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

	#sub_visual{height:120px;}
	
	#container_wrap{width:100%; flex-direction:column;}
	#sidebar{position:relative; width:100%; margin-top:0;}
	#sidebar h2.sidetitle{justify-content:flex-start; height:60px; padding:0 2vw; font-size:1.7rem; border-radius:0; cursor:pointer;}
	#sidebar h2.sidetitle::before{background-position:center right;}
	#sidebar h2.sidetitle::after{display:block;}

	#sidemenu{display:none; position:absolute; left:0; top:60px; width:100%; margin-top:0; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2); z-index:10;}
	#sidemenu > ul > li > a{padding:1.5vh 2vw; font-size:1.7rem;}

	#location{display:none;}

	#contents{width:100%; padding:0 2vw; margin-bottom:80px; box-sizing:border-box;}


}

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

	#contents{min-height:100vh; margin-bottom:5vh;}

	#sidebar h2.sidetitle{height:50px;}
	#sidebar h2.sidetitle::after{width:35px; height:35px;}
	#sidemenu{top:50px;}
	
	.content_tit{margin:3.5vh 0;}
	.content_tit h2#menu_tit{font-size:3.5rem;}

}

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

}

/********************웹********************/
@media all and (min-width:1025px) {

	#sidemenu{display:block !important;}
	#sidemenu > ul > li > a:hover{color:#0952ac;}
	#sidemenu > ul > li > a:hover::after{background:#0952ac;}

	#sidemenu > ul > li > a.on {color:#0952ac;}
	#sidemenu > ul > li > a.on::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid #0952ac; border-radius:10px; box-sizing:border-box;}
	#sidemenu > ul > li > a.on::after{background:#0952ac;}

	#sidemenu > ul > li > ul > li > a.on{color:#000;}
	#sidemenu > ul > li > ul > li > a.on::before{background:#000;}


}