@charset "utf-8";

/* 보건의료정보 */
.health_link{display:inline-block;margin-left:-30px;width:880px;}
.health_link li{position:relative;float:left;width:410px;margin:30px 0 0 30px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:20px;}
.health_link li.link1{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3890/health_img1.jpg);}
.health_link li.link2{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3890/health_img2.jpg);}
.health_link li.link3{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3890/health_img3.jpg);}
.health_link li.link4{background-image:url(/nanum/site/builder/dir/ldhc/img/menu3890/health_img4.jpg);}
.health_link li a{display:block;height:250px;color:#fff;text-align:center;}
.health_link li a dl{padding:20px 30px;}
.health_link li a dl dt{padding:50px 0 30px;font-family:'NotoKrB',sans-serif;font-size:24px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.health_link li a dl dd{display:table;width:100%;height:56px;font-family:'NotoKrM',sans-serif;font-size:18px;line-height:28px;opacity:0.6;}
.health_link li a dl dd span.lw{display:table-cell;vertical-align:middle;}
.health_link li a img{position:absolute;display:none;bottom:30px;left:50%;margin-left:-20px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}

.health_link li:hover{box-shadow:1px 7px 20px rgba(0,0,0,0.4)}
.health_link li:hover a dl dt{padding-top:20px;}
.health_link li:hover a dl dd{opacity:1;}
.health_link li:hover a img{display:block;}


/* 장애인통계자료 */
.map_search_box{padding:18px 0;margin-bottom:20px;line-height:0;text-align:center;background:#f4f9ff;border-bottom:1px solid #dfdfdf}
.map_search_box .search_txtm{display:inline-block;/*overflow:hidden;*/}
.map_search_box .search_txtm .sleft{float:left;margin-right:20px;}
.map_search_box .search_txtm .sleft span{margin-right:15px;float:left;font-family:'NotoKrM',sans-serif;font-size:18px;line-height:44px;color:#000}
.map_search_box .search_txtm .sleft .selectmap{float:left;padding:0 40px 0 15px;height:44px;font-family:'Lato','NotoKrM',sans-serif;font-weight:400;border:1px solid #d6d6d6;background:#fff url(/nanum/site/builder/dir/ldhc/img/menu3890/map_selectb.gif) no-repeat center right;-webkit-appearance: none;-moz-appearance: none;appearance: none;letter-spacing:-1px;}
.map_search_box .search_txtm select::-ms-expand{display:none;}
.map_search_box .search_txtm .cbtn_point{float:left;display:block;padding:0 35px;font-family:'NotoKrB',sans-serif;line-height:44px;color:#fff;}
.map_search_box .search_txtm .cbtn_point:focus-visible{outline:3px dashed red !important;outline-offset:-3px;}

span.txtbg{background:url(/nanum/site/builder/dir/ldhc/img/menu3890/map_txtbg.gif) repeat-x left 15px }
.mapimgw{position:relative;padding:60px 0;background:#f7f7f7;/*background:#e7f3ff;*/}
.mapimgw img{margin:0 auto;display:block;}
.mapimgw img.m_no{position:absolute;top:60px;left:50%;margin-left:-321px;/*opacity:0.3;*/}
.maptxtw{position:absolute;top:0;left:50%;margin-left:-415px;width:830px;height:600px;}
.maptxtw p{position:absolute;width:158px;height:48px;font-family:'NotoKrM',sans-serif;font-size:18px;line-height:48px;text-align:center;background:#fff;border:1px solid rgba(0,0,0,0.3)}
.maptxtw p span{font-family:'Lato',sans-serif;font-weight:700;letter-spacing:0}
.maptxtw p span.hide_txt{position:absolute;top:-9999px;left:-9999px}
.maptxtw p span.hide_txt:focus,
.maptxtw p span.hide_txt:active {top:1px; left:200px;color:#404893;}
.maptxtw p.maptxt_1{top:86px;left:136px;}
.maptxtw p.maptxt_2{top:175px;left:35px;}
.maptxtw p.maptxt_3{top:10px;left:230px;}
.maptxtw p.maptxt_4{bottom:10px;left:240px;}
.maptxtw p.maptxt_5{bottom:52px;right:50px;}
.maptxtw p.maptxt_6{top:235px;left:36px;}
.maptxtw p.maptxt_7{top:10px;left:49%;}
.maptxtw p.maptxt_8{top:70px;right:106px;}
.maptxtw p.maptxt_9{top:259px;right:20px;}
.maptxtw p.maptxt_10{bottom:225px;right:37px;}
.maptxtw p.maptxt_11{bottom:161px;right:37px;}
.maptxtw p.maptxt_12{bottom:10px;left:50%;}
.maptxtw p.maptxt_13{bottom:36px;left:10px}
.maptxtw p.maptxt_14{top:296px;left:10px}

.map_tablew{overflow:hidden}
.map_tablew .tit{display:inline-block;float:left;}
.map_tablew .right{display:inline-block;float:right;margin:15px 0 10px;}

.map_tablew table.table1 tr.on th,
.map_tablew table.table1 tr.on td{font-family:'Lato','NotoKrB',sans-serif;font-weight:700;font-size:16px;color:#fff;background:#2275db;}


/* 관련사이트 */
.site_wrap{display:inline-block;margin:-40px 0 0 -40px;width:890px;}
.site_wrap li{float:left;margin:40px 0 0 40px;}
.site_wrap li:hover a{width:341px;height:201px;border:2px solid #3655cc;box-shadow:7px 7px 20px rgba(0,0,0,0.2)}
.site_wrap li a{display:block;padding:30px;width:343px;height:203px;border:1px solid #e4e4e4;border-radius:20px;}
.site_wrap li a div{display:table;width:100%;height:70px;text-align:center;}
.site_wrap li a div p{display:table-cell;width:100%;vertical-align:middle;}
.site_wrap li a div p img{max-width:340px;max-height:70px;}
.site_wrap li a dl{margin-top:40px;text-align:center;}
.site_wrap li a dl dt{display:table;width:100%;margin-bottom:10px;height:50px;font-family:'NotoKrB',sans-serif;font-size:20px;color:#222}
.site_wrap li a dl dt span{display:table-cell;width:100%;vertical-align:middle}
.site_wrap li a dl dd{font-family:'NotoKrM',sans-serif;font-size:16px;color:#444}

.map_jump{position:absolute;top:-500px;text-align:center;}
.map_jump:focus,
.map_jump:active {top:1px; left:200px; 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;z-index:60;}



/***************** 태블릿 *****************/
@media (max-width: 1024px){
	/* 보건의료정보 */
	.health_link{margin:10px 0 0 -2%;width:102%}
	.health_link li{margin-left:2%;width:48%;}
	
	/* 장애인통계자료 */
	.mapimgw img{width:550px;}
	.mapimgw img.m_no{margin-left:-275px;width:550px;}
	.maptxtw{top:6px;margin-left:-380px;width:760px;height:530px;}
	.maptxtw p{width:140px;height:42px;font-size:16px;line-height:42px;}
	.maptxtw p.maptxt_2{top:150px;left:41px;}
	.maptxtw p.maptxt_3{left:215px;}
	.maptxtw p.maptxt_4{left:182px;}
	.maptxtw p.maptxt_6{top:210px;left:41px;}
	.maptxtw p.maptxt_8{top:62px;right:103px;}
	.maptxtw p.maptxt_9{top:224px;}
	.maptxtw p.maptxt_10{bottom:195px;right:44px;}
	.maptxtw p.maptxt_11{bottom:134px;right:44px;}
		
	/* 관련사이트 */
	.site_wrap{margin:-20px 0 0 -2%;width:102%;}
	.site_wrap li{margin:20px 0 0 2%;width:48%;}
	.site_wrap li a{padding:3%;width:94%;}
	.site_wrap li:hover a{width:94%;}
	.site_wrap li a div{margin-top:15px;}
	.site_wrap li a div p img{max-width:300px;}
	.site_wrap li a dl{margin-top:30px;}

}


/***************** 모바일 *****************/
@media (max-width: 767px){
	/* 보건의료정보 */
	.health_link{margin:0 0 50px;width:100%}
	.health_link li{float:none;margin:15px 0 0 0;width:100%;border-radius:15px;}
	.health_link li a{padding:20px 70px 20px 30px;height:auto;text-align:left;}
	.health_link li a dl{padding:0}
	.health_link li a dl dt{padding:0 0 20px;font-size:20px;}
	.health_link li a dl dd{display:block;height:auto;font-size:16px;line-height:20px;opacity:1;}
	.health_link li a dl dd br,
	.health_link li a dl dd .m_no{display:none;}
	.health_link li a img{display:block;bottom:auto;top:50%;left:auto;right:30px;margin:-15px 0 0 0;width:30px;height:auto;}
	.health_link li:hover a dl dt{padding-top:0}
	
	/* 장애인통계자료 */
	.map_search_box .search_txtm .sleft{margin-right:10px;}
	.map_search_box .search_txtm .sleft span{margin-right:7px;font-size:13px;line-height:38px;}
	.map_search_box .search_txtm .sleft .selectmap{height:38px;font-size:13px;}
	.map_search_box .search_txtm .cbtn_point{padding:0 20px;line-height:38px;}

	table.table1.mt50{margin-top:20px !important;}
	
	.mapimgw{padding:15px 0}
	.mapimgw img{width:90%}
	.mapimgw img.m_no,
	.maptxtw{display:none;}
	
	.map_tablew.mt50{margin-top:30px !important;}
	.map_tablew .tit{float:none;display:block;}
	.map_tablew .right{float:none;display:block;margin:0;font-size:13px;text-align:right}
	
	/* 관련사이트 */
	.site_wrap{margin:0;width:100%;}
	.site_wrap li{float:none;margin:0 0 10px;width:100%;}
	.site_wrap li a{padding:20px 3%;width:100%;height:auto;box-sizing:border-box;}
	.site_wrap li:hover a{width:100%;height:auto;box-sizing:border-box}
	.site_wrap li a div{display:block;margin:0 0 20px;height:auto;}
	.site_wrap li a div p{display:block;}
	.site_wrap li a dl{margin-top:15px;}
	.site_wrap li a dl dt{font-size:18px;}
	.site_wrap li a dl dd{font-size:14px;}
	.site_wrap li a div p img{max-width:250px;max-height:50px;}
	
}

@media (max-width: 460px){
	/* 장애인통계자료 */
	.map_search_box .search_txtm .sleft{margin-right:0}
	.map_search_box .search_txtm .sleft:first-child{float:none;margin-bottom:5px;clear:both;overflow:hidden;}
	.map_search_box .search_txtm .cbtn_point{margin-left:10px;}
}