@charset "utf-8";

.mimg img{max-width:100%;display:block;margin:0 auto;object-fit:contain;}

.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}

.point_txt{position:relative;padding-left:28px;}
.point_txt::before{content:'';position:absolute;top:4px;left:0;width:18px;height:18px;background:url(/lbphospital/img/common/point_txt.png) no-repeat;background-size:cover;}

.line_box{padding:20px; border:1px solid #ddd;}
h4 .small_text{font-size:.8em; font-weight:400;}


/***************기본리스트정의***************/
h3.tit{margin-bottom:15px;color:#131212;margin-bottom: 30px;  color: #222; font-size: 2.6rem; font-weight: 700;}
h3.tit.h3_t{margin-top:50px;}
h3.tit .stit {font-size:2rem;}


h4.tit{margin-bottom:25px; line-height:1.3; font-size:3rem; color:#0952ac; font-weight:700; letter-spacing:-0.025em;}
h4.tit.h4_t{margin-top:50px;}

h5.tit{position:relative; margin-bottom:15px; padding-left:16px; line-height: 1.3; font-size:2.6rem; color:#000; font-weight:700; letter-spacing:-0.025em;}
h5.tit::before{content: ""; position: absolute; left:0; top:5px; width:10px; height:10px; border:3px solid #0952ac; border-radius: 50%; box-sizing: border-box;}
h5.tit.h5_t{margin-top:50px;}


/* 리스트 */
ul.list > li{position:relative; padding-left:15px; font-size:1.7rem; color:#000;}
ul.list > li::after{content:'';position:absolute;top:9px;left:0;width:5px;height:5px; border-radius:50%; background:#0952ac; box-sizing:border-box;}
ul.list > li:nth-child(n+2){margin-top:5px;}
ul.list > li > ul.list2{margin:10px 0 15px;}

ul.list2{margin:10px 0 20px 0;}
ul.list2 > li{position:relative;padding-left:12px;margin-bottom:8px;font-size:1.6rem;line-height:1.5; color:#333;}
ul.list2 > li::after{content:'';position:absolute;top:10px;left:0;width:5px;height:1px; background:#333;}
ul.list2 > li > ul.list3{margin:8px 0 15px 0;}

ul.list3 > li{position:relative;padding-left:10px;margin-bottom:5px;font-size:1.5rem;line-height:1.5;color:#555;}
ul.list3 > li::after{content:'';position:absolute;top:8px;left:0;width:4px;height:4px; background:#555;}


/***************기본테이블정의***************/
/*모바일 스크롤 안내*/
.mscroll_guide{display:none;}

table.table1{width:100%;border-collapse:collapse; border-top:2px solid #000; word-break:keep-all;}
table.table1 th{font-weight:700; border-right:1px solid #e5e5e5;}
table.table1 th,
table.table1 td{padding:15px;text-align:center;}
table.table1 thead tr{border-bottom:1px solid #e5e5e5;}
table.table1 thead th.th01{background:#f9f9f9;}
table.table1 tbody th{background:#f9f9f9;}
table.table1 tbody th,
table.table1 tbody td{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
table.table1 th:last-child, table.table1 td:last-child{border-right:none; border-left:1px solid #e5e5e5;}

table.table1 th:nth-child(1), table.table1 td:nth-child(1){border-left:none;}

table.table1 .bl{border-left:1px solid #e5e5e5 !important;}
table.table1 .br{border-right:1px solid #e5e5e5 !important;}
table.table1 tbody td.left{text-align:left;}
table.table1 tbody td.right{text-align:right;}

table.break_all{word-break:break-all;}



/***************탭정의***************/
.con_tab{width:100%; margin-bottom:50px;}
.con_tab ul{display:flex; flex-wrap:wrap; gap:20px; width:100%;}
.con_tab ul li{flex-grow:1;position:relative; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.con_tab ul li a{display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:18px 10px; text-align:center; font-size:2rem; font-weight:700; color:#888; background:#f3f3f3; box-sizing: border-box;}

.con_tab ul li a.on{font-weight:700; color:#fff; background:#0952ac;}




/***************기본버튼정의***************/
.btn_wrap{width:100%; padding-top:25px; text-align:center; overflow:hidden; clear:both;}
.con_btn{display:inline-block; padding:8px 30px; font-weight:600; line-height:20px; text-align:center; vertical-align:middle; font-size:15px;}
.con_btn.blue{color:#fff; background:#2468c5;}
.con_btn.blue:hover{background:#1a58ae;}
.con_btn.rightblue{color:#fff; background:#3781e6;}
.con_btn.rightblue:hover{background:#2976de;}
.con_btn.gray{color:#fff; background:#888;}
.con_btn.gray:hover{background:#777;}

.sm_btn{display:inline-block; padding:5px 15px; font-weight:600; line-height:20px; text-align:center; vertical-align:middle; font-size:13px;}
.sm_btn span.timeicon {display:inline-block; padding-left:20px; height:20px; background:url(/img/common/btn_timeicon.png) no-repeat left 3px;}
.sm_btn.blue{color:#fff;background:#2468c5;}
.sm_btn.blue:hover{background:#1a58ae;}
.sm_btn.gray{color:#fff; background:#888;}
.sm_btn.gray:hover{background:#777;}
.sm_btn.white{color:#666; background:#fff; padding:4px 14px; border:1px solid #dfdfdf;} 
.sm_btn.white:hover{background:#f6f6f6;}





/*박스 및 등 공통_본원스타일*/
.visualbox {width:668px; border:1px solid #e2e2e2; padding:40px; display:inline-block;}
.visualbox.bg0102 {background:url(/img/01reserv/s0201bg.jpg) no-repeat right bottom;}
.visualbox.bg010202 {background:url(/img/01reserv/s0202bg.jpg) no-repeat right bottom;}
.visualbox.bg010302 {background:url(/img/01reserv/s0302bg.jpg) no-repeat right top;}
.visualbox.bg0103 {background:url(/img/01reserv/s0301bg.jpg) no-repeat 212px 33px;}
.visualbox.bg0104 {background:url(/img/01reserv/s0401bg.jpg) no-repeat right bottom;}
.visualbox.bg0105 {background:url(/img/01reserv/s0501bg.jpg) no-repeat right top;}
.visualbox.bg0203 {background:url(/img/02treatment/s0301bg.jpg) no-repeat right top;}
.visualbox.bg020502 {background:url(/img/02treatment/s0502bg.jpg) no-repeat right bottom;}
.visualbox.bg020301 {background:url(/img/02treatment/s030108bg.jpg) no-repeat right bottom;}
.visualbox.bg0407 {background:url(/img/04guide/s0701bg.jpg) no-repeat right bottom; padding-bottom:70px;}
.visualbox.bg0501 {background:url(/img/05info/s0101bg.jpg) no-repeat right bottom;}
.visualbox.bg0702 {background:url(/img/07community/s0201bg.jpg) no-repeat right bottom;}
.visualbox.bg0707 {background:url(/img/07community/s0701bg.jpg) no-repeat right bottom;}
.visualbox.bg0707 ul.list2 {margin-top:0; margin-bottom:0;}
.visualbox.bg0707 ul.list2 li {letter-spacing:-1px;}
.visualbox .box_l {display:inline-block; float:left;}
.visualbox .tit {font-size:0; line-height:0; padding-bottom:20px;}
.visualbox .txt {font-size:13px; line-height:20px; letter-spacing:-1px;}
.visualbox .txt p {padding-top:13px;}
.visualbox .txt2 {color:#18355d; font-size:15px; font-weight:600; line-height:24px; letter-spacing:-1px; padding-bottom:15px;}
.visualbox .time {height:46px; width:395px; background:#fafafa; border-top:1px solid #eaeaea; margin-top:20px; border-bottom:1px solid #eaeaea; letter-spacing:-1px; text-align:center; font-size:14px; font-weight:600; color:#2468c5; line-height:46px;}
.visualbox ul.list2 {margin:0;}

.visualbox .box_tab {float:right; width:360px;}
.visualbox .box_tab ul li {float:left; letter-spacing:-1px; margin-bottom:3px; margin-right:10px;}
.visualbox .box_tab ul li a {display:block; width:153px; height:34px; line-height:34px; padding-left:15px; border:1px solid #e2e2e2; color:#888;}
.visualbox .box_tab ul li a.on, .visualbox .box_tab ul li a:hover {border:1px solid #2468c5; background:#2468c5 url(/img/01reserv/s0301btn_on.gif) no-repeat right 11px; font-weight:600; color:#fff;}


.gray_box{padding:30px; border-radius:15px; background:#f5f5f5;}

.bluebox {padding:20px 30px; background:#f7f9fb; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.bluebox ul li img {vertical-align:middle;}




/*이미지알트값설명*/
.explaiN {font-size:0; line-height:0; width:0; height:0; text-indent:-9999px;}


/* 사이트맵 */
.sitemap_wrap .sitemap{display:flex; flex-wrap:wrap; gap:20px;}
.sitemap_wrap .sitemap > li{width:calc(33.333% - 15px);border:1px solid #d5d5d5; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.sitemap_wrap .sitemap > li > h3{padding:20px 15px;background:#f5f5f5;text-align:center;font-size:1.8rem;line-height:1.5;font-weight:700;color:#000;}
.sitemap_wrap .sitemap > li > ul{padding:20px;}
.sitemap_wrap .sitemap > li > ul > li:nth-child(n+2){border-top:1px solid #e5e5e5;}
.sitemap_wrap .sitemap > li > ul > li a{position:relative; display:block;padding:10px 10px 10px 15px;font-size:1.6rem;color:#000;}
.sitemap_wrap .sitemap > li > ul > li a::before{content:""; position:absolute; left:0; top:20px; width:5px; height:5px; border-radius:50%; background:#333;}



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

/* 제목 */
h4.tit{margin-bottom:1vh;font-size:2.8rem;}
h4.tit.h4_t{margin-top:3vh;}
h5.tit::before{top:3px;}
h5.tit::after{top:13px;}
h5.tit.h5_t{margin-top:3vh;}
h6.tit.h6_t{margin-top:3vh;}

/* 기본테이블 */
table.table1{table-layout:fixed;}
table.table1 th,
table.table1 td{padding:1.5vh 1vw;}


}

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

/* 제목 */
h5.tit{padding-left:10px;}
h5.tit::before{top:3px; width:6px; height:6px;}
h5.tit::after{top:10px; width:6px; height:6px;}

h6.tit{padding-bottom:5px;}
h6.tit::before{width:20px;}


/*모바일 스크롤 안내*/
.mscroll_guide{position:relative;display:block;margin-bottom:1.5vh;padding:20px 20px 20px 50px;border:1px dashed #e5e5e5;font-size:1.5rem;line-height:1.2;color:#444;word-break:keep-all;}
.mscroll_guide::after{content:'';position:absolute;top:50%;left:20px;width:20px;height:33px;margin-top:-16px;background:url(/lbphospital/img/common/bg_mscroll.png) no-repeat;background-size:cover;}
.mscroll_guide span{font-weight:700;color:#da252c;}

.mscroll{overflow-y:hidden;}
.mscroll table{width:767px !important;margin:10px 0 20px 0;}


.time_table{overflow-y:hidden;}
.time_table table{width:767px !important;margin:10px 0 20px 0;}

/* 포인트 텍스트 */
.point_txt{padding-left:20px;}
.point_txt::before{top:4px;width:12px;height:12px;}

/***************탭정의***************/
.con_tab{margin-bottom:3vh;}
.con_tab ul{gap:10px;}
.con_tab ul li a{padding:1.5vh 1vh;}

/*사이트맵*/
.sitemap_wrap .sitemap > li{width:calc(50% - 10px);}
.sitemap_wrap .sitemap > li > h3{padding:2vh 1.5vh;}


}

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

	/*사이트맵*/
	.sitemap_wrap .sitemap{gap:10px;}
	.sitemap_wrap .sitemap > li{width:100%;}

}

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


}