@charset "UTF-8";

.sec_hospital{text-align:center;}
	.sec_hospital > article.fl {margin-right:50px; text-align:left;}
	.sec_hospital > article.fr {width:calc(100% - 479px - 50px);}

	.sec_hospital > img{max-width:693px;}
	
.map_top_tab_wrap{border-bottom:1px solid #e1e1e1; padding:20px;}
.map_top_tab{display: flex; justify-content: center; align-items:center;}
	.map_top_tab li{padding:0 20px; position:relative;}
	.map_top_tab li:after{position:absolute; top:50%; right:0; transform:translateY(-50%); display:block; content:''; clear:both; background:#7F7F7F; width:3px; height:3px; border-radius:50%;}
	.map_top_tab li:last-child:after{display:none;}
	.map_top_tab a{font-size:18px; color:#7F7F7F;}

	.map_top_tab li.on{font-weight:bold;}
	.map_top_tab li.on a{color:#111;}

.map_local{width:100%;}
.ddak_map{max-width:15px;}

@media screen and (max-width: 767px){	
	.map_top_tab_wrap{padding:20px 0;}
	.map_top_tab{flex-wrap:wrap; text-align:center; justify-content: flex-start;}
	.map_top_tab li{width:20%; margin-bottom:10px;}
	.map_top_tab li:after{display:none;}
}

@media screen and (max-width: 600px){
	.map_top_tab li{width:33.33%;}
}

/* 상세 지도 */
.local_map_wrap{ max-width:479px; position:relative;}
	.ddak_map{position:absolute; cursor:pointer;}
	

.hospital_list{display:flex; flex-wrap:wrap; text-align:left;} 
.hospital_list li{width:calc(33.33% - 10px); padding:30px; margin-bottom:20px; margin-right:10px; box-shadow: 0px 4px 13px 0 rgb(35 31 32 / 10%); border-radius:8px;}
.hospital_list li:nth-child(3n){margin-right:0;}

.hospital_list li:hover{background:#008CBA;}
.hospital_list li:hover a{color:#fff;}

.hospital_list li dt{margin-bottom:10px; font-size:18px; }
.hospital_list li dd:nth-child(2){margin-bottom:50px; font-size:14px; }
.hospital_list li dd:last-child{font-size:14px; }

@media screen and (max-width: 1279px){
	.hospital_list li{width:calc(50% - 10px);}
	.hospital_list li:nth-child(2n){margin-right:0;}
	.hospital_list li:nth-child(3n){margin-right:10px;}
}

@media screen and (max-width: 1023px){
	.hospital_list li{width:100%;}
	.hospital_list li:nth-child(3n){margin-right:0;}
}

@media screen and (max-width: 767px){
	.sec_hospital > article.fl {float: none !important; margin-right:0; margin-bottom:30px;}
	.sec_hospital > article.fr {float: none !important; width:100%;}
	.local_map_wrap{margin:0 auto;}
}





/* 말풍선 */
.tooltip_wrap{}
.tooltip {	display:none;
            position:absolute !important; z-index:1;
            background-color: #fff; border: #111 solid 1px; border-radius: 5px;
            color: #111; font-size: 14px; font-weight: bold; 
            margin-top: 6.8px; padding: 5px 11px;
        }
        
        .tooltip::after {
            border-color: #fff transparent; border-style: solid; border-width: 0 6px 8px 6.5px;
            content: ''; display: block; width: 0; 
            position: absolute; left: 75px; top: -7px; z-index: 1;            
        }
        
        .tooltip::before {
            border-color: #111 transparent; border-style: solid; border-width: 0 6px 8px 6.5px;
            content: ''; display: block; width: 0;
            position: absolute; left: 75px; top: -8px; z-index: 0;
        } 

/* 도트 글자 */
.map_dot_txt{font-size:22px; font-family: 'Pretendard-Light'; position:relative; padding-left:10px; }
.map_dot_txt:before{position:absolute; top:50%; left:0; transform:translateY(-50%); background:#008CBA; width:3px; height:3px; border-radius:50%; display:block; content:"";}

/* 서울 */
.ddak_map_01{top:20%; right:28%;}
.ddak_map_02{top:24%; right:25%;}
.ddak_map_03{top:33%; right:39%;}
.ddak_map_04{top:39%; right:30%;}
.ddak_map_05{top:40%; right:48%;}
.ddak_map_06{top:43%; left:40%;}
.ddak_map_07{top:48%; left:33%;}
.ddak_map_08{top:56%; left:53%;}
.ddak_map_09{top:52%; right:31%;}
.ddak_map_10{top:56%; right:25%;}
.ddak_map_11{bottom:40%; left:24%;}
.ddak_map_12{bottom:33%; left:36%;}
.ddak_map_13{bottom:29%; left:35%;}
.ddak_map_14{bottom:25%; left:31%;}
.ddak_map_15{bottom:27%; left:26%;}
.ddak_map_16{bottom:18%; left:36%;}
.ddak_map_17{bottom:25%; left:47%;}
.ddak_map_18{bottom:29%; left:56%;}
.ddak_map_19{bottom:32%; right:32%;}
.ddak_map_20{bottom:23%; right:33%;}
.ddak_map_21{bottom:23%; right:26%;}
.ddak_map_22{bottom:35%; right:16%;}
.ddak_map_23{bottom:45%; right:11%;}
.ddak_map_24{bottom:48%; right:5%;}
.ddak_map_25{top: 30%; right: 60%;}


.tooltip_01{top: 24%; right: 17%;}
.tooltip_02{top: 29%; right: 19%;}
.tooltip_03{top: 36%; left: 42%;}
.tooltip_04{top:44%; right:27%;}
.tooltip_05{top: 42%; left: 33%;}
.tooltip_06{top: 47%; left: 24%;}
.tooltip_07{top: 52%; left: 17%;}
.tooltip_08{top: 59%; right: 33%;}
.tooltip_09{top: 56%; right: 19%;}
.tooltip_10{top: 59%; right: 19%;}
.tooltip_11{bottom: 33%; left: 8%;}
.tooltip_12{bottom: 26%; left: 20%;}
.tooltip_13{bottom: 22%; left: 28%;}
.tooltip_14{bottom: 17%; left: 16%;}
.tooltip_15{bottom: 19%; left: 10%;}
.tooltip_16{bottom: 11%; left: 20%;}
.tooltip_17{bottom: 17%; right: 39%;}
.tooltip_18{bottom: 22%; right: 25%;}
.tooltip_19{bottom: 25%; right: 16%;}
.tooltip_20{bottom: 14%; right: 5%;}
.tooltip_21{bottom: 15%; right: 18%;}
.tooltip_22{bottom: 28%; right: 8%;}
.tooltip_23{top: 53%; right: -2%;}
.tooltip_24{top: 50%; right: -3%;}
.tooltip_25{top: 33%; right: 45%;}

.tooltip_02:before{left:26px;}
.tooltip_02:after{left:26px;}
.tooltip_10:before{left:61px;}
.tooltip_10:after{left:61px;}
.tooltip_13:before{left:33px;}
.tooltip_13:after{left:33px;}
.tooltip_17:before{left:37px;}
.tooltip_17:after{left:37px;}
.tooltip_21:before{left:39px;}
.tooltip_21:after{left:39px;}
.tooltip_22:before{left:39px;}
.tooltip_22:after{left:39px;}

/* 경인 */
.ddak_map_keyongin_01{top:31%; right:28%;}
.ddak_map_keyongin_02{top:32%; right:8%;}
.ddak_map_keyongin_03{top:63%; left:26%;}
.ddak_map_keyongin_04{top:66%; left:42%;}
.ddak_map_keyongin_05{top:68%; left:19%;}
.ddak_map_keyongin_06{top:69%; left:24%;}
.ddak_map_keyongin_07{top:70%; left:29%;}
.ddak_map_keyongin_08{top:71%; right:50%;}
.ddak_map_keyongin_09{top:74%; left:21%;}
.ddak_map_keyongin_10{top:75%; left:24%;}
.ddak_map_keyongin_11{top:79%; left:32%;}
.ddak_map_keyongin_12{top:77%; left:47%;}
.ddak_map_keyongin_13{top:79%; left:46%;}
.ddak_map_keyongin_14{top:82%; left:26%;}
.ddak_map_keyongin_15{top:84%; left:36%;}
.ddak_map_keyongin_16{top:84%; left:40%;}
.ddak_map_keyongin_17{top:87%; left:45%;}
.ddak_map_keyongin_18{top:85%; left:58%;}
.ddak_map_keyongin_19{top:80%; left:36%;}
.ddak_map_keyongin_20{top:31.5%; right:20%;}


.tooltip_keyongin_01{top: 32%; right: 25%;}
.tooltip_keyongin_02{top: 33%; right: 2%;}
.tooltip_keyongin_03{top: 64%; left: 20%;}
.tooltip_keyongin_04{top: 67%; left: 26.5%;}
.tooltip_keyongin_05{top: 69%; left: 3%;}
.tooltip_keyongin_06{top: 70%; left: 8%;}
.tooltip_keyongin_07{top: 71%; left: 13%;}
.tooltip_keyongin_08{top: 72%; left: 31%;}
.tooltip_keyongin_09{top: 76%; left: 5%;}
.tooltip_keyongin_10{top: 76%; left: 8%;}
.tooltip_keyongin_11{top: 80%; left: 16%;}
.tooltip_keyongin_12{top: 78%; left: 32%;}
.tooltip_keyongin_13{top: 80%; left: 30%;}
.tooltip_keyongin_14{top: 83%; left: 10%;}
.tooltip_keyongin_15{top: 85%; left: 20%;}
.tooltip_keyongin_16{top: 85%; left: 24%;}
.tooltip_keyongin_17{top: 88%; left: 29%;}
.tooltip_keyongin_18{top: 86%; left: 42%;}
.tooltip_keyongin_19{top: 81%; left: 20%;}
.tooltip_keyongin_20{top: 33%; right: 5%;}

.tooltip_keyongin_03:before{left:29px;}
.tooltip_keyongin_03:after{left:29px;}


/* 부산 */
.ddak_map_busan_01{top:15%; right:8%;}
.ddak_map_busan_02{top:51%; right:25%;}
.ddak_map_busan_03{top:55%; right:40%;}
.ddak_map_busan_04{top:52%; right:50%;}
.ddak_map_busan_05{top:54%; right:56%;}
.ddak_map_busan_06{top:56%; right:54%;}
.ddak_map_busan_07{top:58%; right:54%;}
.ddak_map_busan_08{top:87%; right:32%;}
.ddak_map_busan_09{top:82%; right:43%;}
.ddak_map_busan_10{top:84%; right:33%;}
.ddak_map_busan_11{top:82%; right:8%;}

.tooltip_busan_01{top: 16%; right: 5%;}
.tooltip_busan_02{top: 52%; right: 12%;}
.tooltip_busan_03{top: 56%; right: 31%;}
.tooltip_busan_04{top: 53%; right: 40%;}
.tooltip_busan_05{top: 55%; right: 48%;}
.tooltip_busan_06{top: 57%; right: 42%;}
.tooltip_busan_07{top: 59%; right: 42%;}
.tooltip_busan_08{top: 88%; right: 20%;}
.tooltip_busan_09{top: 83%; right: 34%;}
.tooltip_busan_10{top: 85%; right: 25%;}
.tooltip_busan_11{top: 83%; right: -2%;}

.tooltip_busan_03:before{left:34px;}
.tooltip_busan_03:after{left:34px;}
.tooltip_busan_06:before{left:31px;}
.tooltip_busan_06:after{left:31px;}
.tooltip_busan_07:before{left:31px;}
.tooltip_busan_07:after{left:31px;}
.tooltip_busan_08:before{left:31px;}
.tooltip_busan_08:after{left:31px;}
.tooltip_busan_09:before{left:31px;}
.tooltip_busan_09:after{left:31px;}

/* 호남 */
.ddak_map_honam_01{top:18%; right:17%;}
.ddak_map_honam_02{top:20%; right:12%;}
.ddak_map_honam_03{top:37%; left:38%;}
.ddak_map_honam_04{top:44%; left:45%;}

.tooltip_honam_01{top: 19%; right: 14%;}
.tooltip_honam_02{top: 21%; right: 5%;}
.tooltip_honam_03{top: 38%; left: 23%;}
.tooltip_honam_04{top: 45%; left:30%;}

.tooltip_honam_02:before{left:31px;}
.tooltip_honam_02:after{left:31px;}

/* 대구 */
.ddak_map_daegu_01{top:9%; left:46%;}
.ddak_map_daegu_02{top:21%; left:52%;}
.ddak_map_daegu_03{top:20%; right:36%;}
.ddak_map_daegu_04{top:26%; left:53%;}
.ddak_map_daegu_05{top:23%; left:59%;}

.tooltip_daegu_01{top: 10%; left: 30%;}
.tooltip_daegu_02{top: 22%; right: 34%;}
.tooltip_daegu_03{top: 21%; right: 28%;}
.tooltip_daegu_04{top: 27%; right: 34%;}
.tooltip_daegu_05{top: 24%; right: 27%;}

.tooltip_daegu_03:before{left:50px;}
.tooltip_daegu_03:after{left:50px;}
.tooltip_daegu_05:before{left:38px;}
.tooltip_daegu_05:after{left:38px;}


/* 대전 */
.ddak_map_daejeon_01{top:23%; left:32%;}
.ddak_map_daejeon_02{top:26%; left:31%;}
.ddak_map_daejeon_03{top:22%; left:48%;}
.ddak_map_daejeon_04{top:57%; left:22%;}
.ddak_map_daejeon_05{top:78%; right:26%;}
.ddak_map_daejeon_06{top:80%; right:30%;}
.ddak_map_daejeon_07{top:89%; right:26%;}

.tooltip_daejeon_01{top: 24%; left: 16%;}
.tooltip_daejeon_02{top: 27%; left: 15%;}
.tooltip_daejeon_03{top: 23%; left: 32%;}
.tooltip_daejeon_04{top: 58%; left: 6%;}
.tooltip_daejeon_05{top: 79%; right: 23%;}
.tooltip_daejeon_06{top: 81%; left: 51%;}
.tooltip_daejeon_07{top: 90%; right: 18%;}

/* 강원 */
.ddak_map_kangwon_01{top:38%; left:25%;}
.ddak_map_kangwon_02{top:77%; left:32%;}
.ddak_map_kangwon_03{top:51%; right:20%;}

.tooltip_kangwon_01{top: 42%; left: 9%;}
.tooltip_kangwon_02{top: 81%; left: 16%;}
.tooltip_kangwon_03{top: 54%; right: 16%;}

.tooltip_kangwon_03:before{left:61px}
.tooltip_kangwon_03:after{left:61px}

/* 제주 */
.ddak_map_jeju_01{top:16%; left:54%;}

.tooltip_jeju_01{top: 21%; right: 40%;}


/* 20220808 수정 */
.map_top_tab{justify-content:flex-start; margin:0 auto; max-width:1320px;}
.map_top_tab li{padding:0 40px;}

@media screen and (max-width:767px){
	.map_top_tab li{padding:0;}
}