@charset "utf-8";


#skipnavigation {overflow:hidden; text-indent: -2000px; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.sknavi{position:absolute;top:-500px;z-index:50;}
.sknavi:focus, .sknavi:active{top:1px;display:block;width:200px;height:18px;padding:3px;margin-left:5px;text-align:center;font-size:100%;font-weight:bold;background-color:#eee;border: 1px solid #135;text-decoration:none;}


#wrapper {width:100%; min-width:1380px;}


/*****************************상단영역*****************************/
#head{position:fixed; left:0; top:0; width:100%; padding:0 2vw; box-sizing:border-box; transition:.3s; z-index:50;}
#head .head_box{position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1280px; height:90px; margin:0 auto;}
#head .head_box h1{position:relative; z-index:100;}
#head .head_box h1 a{position:relative; display:block; width:222px; height:32px; text-indent:-999999px; font-size:0;}
#head .head_box h1 a::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url('/lbphospital/img/common/logo.png'); background-size:100% auto; background-repeat:no-repeat;  transition:.3s;}

#head .head_box .icon_btn{position:relative; display:flex; z-index:100;}
#head .head_box .icon_btn p a{display:flex; align-items:center; justify-content:center; width:50px; height:90px; text-indent:-9999px; font-size:0; box-sizing:border-box;}
#head .head_box .icon_btn .login a{position:relative;}
#head .head_box .icon_btn .login a::after,
#head .head_box .icon_btn .search_btn a::after{content:""; display:block; width:24px; height:24px; background-image:url(/lbphospital/img/common/seach_icon.png); background-size:100% auto; background-repeat:no-repeat;  transition:.3s;}
#head .head_box .icon_btn .login a.login_icon::after{background-image:url(/lbphospital/img/common/login_icon.png);}
#head .head_box .icon_btn .login a.logout_icon::after{width:26px; height:26px; background-image:url(/lbphospital/img/common/logout_icon.png);}

#head .head_box .icon_btn .login a .txt{display:none; position:absolute; left:50%; bottom:-10px; padding:5px 10px; text-indent:initial; font-size:1.5rem; color:#fff; border-radius:10px; background:#000; transform:translateX(-50%); transition:.3s;}
#head .head_box .icon_btn .login a .txt::before{content:""; position:absolute; top:-3px; left:50%; width:5px; height:5px; border:5px solid #000; border-left:5px solid transparent; border-bottom:5px solid transparent;  transform:translateX(-50%) rotate(-45deg);}

#head .all_btn span{position:relative; width:24px; height:3px; border-radius:50px; background:#fff;  transition:.3s;}
#head .all_btn span::before, #head .all_btn span::after{content:""; position:absolute; left:0; width:24px; height:3px; border-radius:50px; background:#fff;  transition:.3s;}
#head .all_btn span::before{top:-9px;}
#head .all_btn span::after{bottom:-9px;}

.mallbtn{display:none;}
.mallbtn.all_btn a{display:flex; align-items:center; justify-content:center; width:50px; height:90px; text-indent:-9999px; font-size:0; box-sizing:border-box;}

#head.active .head_box .mallbtn.all_btn span{background:#000;}
#head.active .head_box .mallbtn.all_btn span::before, #head.active .head_box .mallbtn.all_btn span::after{background:#000;}


/*메뉴영역*/
#menu_navi{position:absolute; left:50%; top:0; display:flex; justify-content:flex-end; gap:60px; width:100%; max-width:1280px; transform:translateX(-50%); z-index:25;}

.left_info{display:none; flex-wrap:wrap; position:absolute; left:0; top:91px; padding-top:30px; width:calc(100% - 920px);}
.left_info .tit{position:relative; width:100%; margin-bottom:20px; padding:15px; font-size:2.3rem; color:#0952ac; font-weight:700; border-radius:10px; background:#f4f6fb; box-sizing:border-box;}
/*.left_info .tit::before{content:""; position:absolute; right:30px; top:0; width:100px; height:100px; background-image:url(/lbphospital/img/common/phone_icon.png); background-size:100% auto; background-repeat:no-repeat;}*/
.left_info .left_info_contents{width:100%;}
.left_info .left_info_contents dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 10px;}
.left_info .left_info_contents dl:nth-child(n+2){margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;}
.left_info .left_info_contents dl dt{font-size:2rem; font-weight:600;}
.left_info .left_info_contents dl dd{font-size:2.3rem; font-weight:600;}

#menu_area{margin-right:13%;}
#menu_area > ul{display:flex; min-width:730px;}
#menu_area > ul > li{position:relative; width:25%; text-align:center;}
#menu_area > ul > li > a{position:relative; display:flex; align-items:center; height:90px; padding-left:15px; font-size:2.3rem; font-weight:700; color:#fff;  transition:.3s; box-sizing:border-box;}
#menu_area > ul > li > a::after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #0952ac; transform: scale(0, 1); transition: all 0.3s ease;}
#menu_area > ul > li > div{display:none; position:absolute; width:100%; height:300px; padding-top:15px; border-left:1px solid #ddd; z-index:52; box-sizing:border-box;}
#menu_area > ul > li:last-child > div{border-right:1px solid #ddd;}
#menu_area > ul > li > div > ul > li{text-align:left;}
#menu_area > ul > li > div > ul > li:nth-child(n+2){margin-top:15px;}
#menu_area > ul > li > div > ul > li > a{display:block; padding:0 20px; font-size:1.7rem; color:#555; box-sizing:border-box; transition:.3s;}

#container {width:100%; overflow:hidden;}
.m_main_index{display:none;}

.gnb_bg{position:fixed; left:0; top:90px; width:100%; height:300px; border-top:1px solid #ddd; background:#fff; z-index:11;}
.header_dimmed{position:fixed; left:0; top:90px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:10;}

/* 전체 검색 */
.search_menu{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.search_menu .search_comm{position:fixed; top:180px; left:50%; width:95%; max-width:1280px; padding:60px; border-radius:30px; box-shadow:10px 10px 10px rgba(0,0,0,0.2); background:#fff; transform:translateX(-50%); box-sizing:border-box; z-index:1;}

.search_menu.open{display:block;}

/*검색메뉴*/
.search_menu .srch_box .form{position:relative; border-bottom:2px solid #000;}
.search_menu .srch_box .form .txt_input{width:calc(100% - 60px);height:50px;border:0;font-family:'NotoKrM';font-size:2rem;color:#000;}
.search_menu .srch_box .form label{position:absolute;top:0;left:0;font-size:20px;line-height:50px;color:rgba(0,0,0,0.5);letter-spacing:-0.05em;}
.search_menu .srch_box .form button.btn_srch{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;background:url(/lbphospital/img/common/seach_icon_on.png) no-repeat 50% 50%;background-size:cover;text-indent:-9999px;cursor:pointer;}

.search_menu .srch_cls{display:block;position:absolute;right:0; top:-75px; width:60px; height:60px; background:none; border:0; white-space:nowrap;cursor:pointer;text-indent:-9999px;}
.search_menu .srch_cls::before, .search_menu .srch_cls::after{content:""; position:absolute; left:50%; top:50%; width:5px; height:80%; border-radius:50px; background:#fff; transform:translate(-50%, -50%) rotate(45deg);}
.search_menu .srch_cls::after{transform:translate(-50%, -50%) rotate(-45deg);}

.search_menu_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); cursor:pointer;}

/*모바일전체메뉴*/
nav#menu{background:#0952ac;}
.r_menu{position:relative; width:100%; padding:1.5vh 2vh 2vh; box-sizing:border-box;}
.r_menu .mmemu{width:100%;}
.r_menu .mmemu > ul{width:100%;}
.r_menu .mmemu > ul > li{width:100%;}
.r_menu .mmemu > ul > li:nth-child(n+2){border-top:1px solid rgba(255,255,255,0.3);}
.r_menu .mmemu > ul > li > a{display:flex; align-items:center; justify-content:space-between; padding:15px 0; color:#fff; font-weight:700;}
.r_menu .mmemu > ul > li > a::after{content: ""; display: block; width: 28px; height: 28px; background-image: url(/lbphospital/img/main/move_btn_arrow.png); background-size: 100% auto; background-repeat: no-repeat;}
.r_menu .mmemu > ul > li > ul{margin-bottom:15px; padding:10px; border-radius:10px; background:rgba(0,0,0,0.4);}
.r_menu .mmemu > ul > li > ul > li > a{position:relative; display:block; padding:8px 0 8px 12px; font-size:1.5rem; color:#fff;}
.r_menu .mmemu > ul > li > ul > li > a::before{content:""; position:absolute; left:0; top:18px; width:4px; height:4px; border-radius:50%; background:#fff;}

.r_menu .login_box{padding:10px; border-radius:10px; background:rgba(0,0,0,0.2);}
.r_menu .login_box > ul{display:flex; justify-content:center; width:100%;}
.r_menu .login_box > ul > li{width:50%; text-align:center;}
.r_menu .login_box > ul > li:nth-child(n+2){border-left:1px solid rgba(255,255,255,0.2);}
.r_menu .login_box > ul > li > a{display:block; width:100%; color:#fff; font-size:1.8rem;}

/* 모바일 핫라인 안내 */
.hot_line_mbox{margin-top:10px; padding-top:15px; border-top:1px dashed rgba(255,255,255,0.5)}
.hot_line_mbox .tit{margin-bottom:10px; font-size:2rem; font-weight:700; color:#fff;}
.hot_line_mbox ul li{padding:10px; color:#fff;}
.hot_line_mbox ul li:nth-child(n+2){margin-top:10px;}
.hot_line_mbox ul li.num01{border-radius:10px; border:2px dotted rgba(255,255,255,0.3);}
.hot_line_mbox ul li.num02{border-radius:10px; border:2px solid rgba(255,255,255,0.3);}
.hot_line_mbox ul li.num03{border-radius:10px; background:rgba(255,255,255,0.3);}

.hot_line_mbox ul li .st{font-size:1.5rem;}
.hot_line_mbox ul li .number{font-size:2rem; font-weight:900;}


#head.active{background:#fff; box-shadow: 0px 0 15px rgba(0,0,0,0.2);}
#head.active .head_box h1 a::before{ background-image:url('/lbphospital/img/common/logo_on.png');}

#head.active .head_box .icon_btn .login a.login_icon::after{background-image:url(/lbphospital/img/common/login_icon_on.png);}
#head.active .head_box .icon_btn .login a.logout_icon::after{background-image:url(/lbphospital/img/common/logout_icon_on.png);}
#head.active .head_box .icon_btn .search_btn a::after{background-image:url(/lbphospital/img/common/seach_icon_on.png);}
#head.active .head_box .icon_btn .all_btn span{background:#000;}
#head.active .head_box .icon_btn .all_btn span::before, #head.active .head_box .icon_btn .all_btn span::after{background:#000;}

#head.active #menu_area > ul > li > a{color:#000;}


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

	.left_info{width:calc(90% - 670px); max-width:450px; padding-top:20px;}
	.left_info .tit{font-size:1.8rem; margin-bottom:10px;}
	.left_info .left_info_contents dl:nth-child(n+2){margin-top:5px; padding-top:5px;}
	.left_info .left_info_contents dl dt{width:100%; font-size:1.7rem;}
	.left_info .left_info_contents dl dd{font-size:2rem;}

	#menu_area > ul{display:flex; min-width:620px;}
	#menu_area > ul > li > a{font-size:2rem;}
	#menu_area > ul > li > div > ul > li > a{font-size:1.5rem;}


}


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

	#wrapper{min-width:auto;}

	.br_none{display:none;}

	#menu_navi{display:none;}
	#head .head_box{justify-content:flex-end; height:60px;}
	#head .head_box h1{position:absolute; left:0;}
	#head .head_box h1 a{width:180px; height:26px;}
	
	#head .head_box .icon_btn p a{height:60px;}
	#head .head_box .icon_btn .all_btn{display:none;}

	.mallbtn{display:block;}
	.mallbtn.all_btn a{height:60px;}

	.login{display:none;}

}

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

	.r_menu .mmemu > ul > li > a{padding:10px 0;}
	.r_menu .mmemu > ul > li > ul > li > a{padding:5px 0 5px 8px;}
	.r_menu .mmemu > ul > li > ul > li > a::before{top:12px;}

	/* 전체검색 */
	.search_menu .search_comm{top:65px; padding:4vh; border-radius:20px;}
	.search_menu .srch_cls{top:-55px; width:40px; height:40px;}

}

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

}

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

	#head:hover{background:#fff;}
	#head:hover .head_box h1 a::before{ background-image:url('/lbphospital/img/common/logo_on.png');}

	#head:hover .head_box .icon_btn .login a.login_icon::after{background-image:url(/lbphospital/img/common/login_icon_on.png);}
	#head:hover .head_box .icon_btn .login a.logout_icon::after{background-image:url(/lbphospital/img/common/logout_icon_on.png);}
	#head .head_box .icon_btn .login a:hover .txt{display:block;}
	#head:hover .head_box .icon_btn .search_btn a::after{background-image:url(/lbphospital/img/common/seach_icon_on.png);}
	#head:hover .head_box .icon_btn .all_btn span{background:#000;}
	#head:hover .head_box .icon_btn .all_btn span::before, #head:hover .head_box .icon_btn .all_btn span::after{background:#000;}

	#head:hover #menu_area > ul > li > a{color:#000;}
	#head:hover #menu_area > ul > li:hover > a{color:#0952ac;}
	#menu_area > ul > li:hover > a::after{ transform: scale(1, 1);}
	#menu_area > ul > li > div > ul > li > a:hover{font-weight:700; color:#0952ac;}

}