@charset "utf-8";
	#harmfulMap { position:fixed; width:100%; height:100%; }
	#harmfulMap div#top { position:relative; padding:40px 50px; text-align:center; border-bottom:5px solid #2b97e7; box-shadow:0 0 24px rgba(0,0,0,.3); }
	#harmfulMap div#top img.slogo { position:absolute; left:50px; top:40px; }
	#harmfulMap div#top ul.sns { position:absolute; right:50px; top:40px; }
	#harmfulMap div#top ul.sns li { float:left; padding-left:5px; }
	#harmfulMap div#mapcon { position:relative; width:100%; height:100%; background:#eee; }
	#harmfulMap div#infoBox { display:none; position:absolute; right:4%; top:2%; width:560px; height:715px; background:url('/open_content/smap/img/box_bg.png') no-repeat left top; text-align:center; z-index:999; }
	#harmfulMap div#infoBox p.tit { padding:65px 0 20px; font-size:35px; font-weight:bold; color:#fff; background:url('/open_content/smap/img/tit_bg.png') no-repeat left bottom; }
	#harmfulMap div#infoBox p.tit span { display:block; font-size:16px; line-height:26px; font-weight:normal; }
	#harmfulMap div#infoBox dl { margin:24px 0 0 77px; padding:8px 0 0 62px; width:320px; height:280px; background:url('/open_content/smap/img/ic_b.png') no-repeat left top; overflow-y:auto; }
	#harmfulMap div#infoBox dl dt, #harmfulMap div#infoBox dl dd { color:#fff; text-align:left; }
	#harmfulMap div#infoBox dl dt { margin-bottom:10px; font-weight:bold; font-size:20px; color:#fff; }
	#harmfulMap div#infoBox dl dd { position:relative; height:30px; padding-left:10px; word-wrap:break-word; word-break:keep-all;}
	#harmfulMap div#infoBox dl dd:after { position:absolute; content:""; left:0; top:8px; width:4px; height:4px; background:#36a3f4; border-radius:50%; }
	#harmfulMap div#infoBox p.btn { position:absolute; left:50%; bottom:50px; margin-left:-124px; }
	#harmfulMap div#infoBox #close {position:absolute; right:-12%; top:14px; text-align:center; width:83px; height:83px; background:#000; border-radius:50%; }
	#harmfulMap div#infoBox #close a { display:block; margin-top:20px; padding-top:27px; color:#fff; background:url('/open_content/smap/img/btn_close.png') no-repeat center top; }
	#harmfulMap #spot {position:absolute; left:50%; top:35%;}
	/*°Ë»ö*/
	
	.chkList {position:relative; padding:0 10px; margin-bottom:10px; font-size:0; line-height:0;}
	.chkList li {display:inline-block; font-size:13px;}
	.chkList li input[type=checkbox], .chkList li input[type=radio] {position:absolute; opacity:0;}
	.chkList li label {position:relative; display:block; padding-left:35px;}
	.chkList li label:before {display:block; content:""; position:absolute; left:8px; top:0; width:20px; height:20px; border-radius:50%; border:1px solid #b5b5b5; background:url('/open_content/smap/img/checkbox.gif') no-repeat center center;}
	.chkList li input:checked + label:before {border-color:#376ac8; background-color:#376ac8; background-image:url('/open_content/smap/img/checkbox_on.gif');}

	.map_search { position:absolute; padding:20px 0 12px; width:370px; text-align:center; background:#f5f5f5; border-right:1px solid #aaa; z-index:3; }
	.search .field *, .search .word *{vertical-align:middle}
	.search select { width:20%; height:40px; line-height:40px; border:1px solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url('/open_content/smap/img/select_arr.gif') no-repeat right 13px center}
	.search select::-ms-expand{display:none}
	.search .word { position:relative; display:inline-block; width:70%; }
	.search .word input[type=text] { margin-left:-1px; padding:0px 1%; width:95%; height:40px; line-height:40px; }
	.search .word input[type=submit] { position:absolute; right:0px; top:0px; width:25%; height:42px; line-height:42px; border-width:0px; background:#333; color:#fff; font-size:16px; }

	/*¸Þ´º*/
	#harmfulMap div#map_menu { position:absolute; left:0px; margin-top:105px; width:150px; height:100%; background:#36a3f4; z-index:2; }
	#harmfulMap div#map_menu>ul { height:100%; }
	#harmfulMap div#map_menu>ul>li { padding:10px 0 10px; border-bottom:1px solid #2b97e7; }
	#harmfulMap div#map_menu>ul>li>a { position:relative; display:block; padding-top:85px; text-align:center; font-size:15px; color:#fff; }
	#harmfulMap div#map_menu>ul>li>a:after {display:block; content:""; position:absolute; left:50%; top:10px; width:100px; height:100px; margin-left:-32px; background:url('/open_content/smap/img/icon_is.png') no-repeat;} 
	#harmfulMap div#map_menu>ul>li.ic01 a:after {background-position:0px top;}
	#harmfulMap div#map_menu>ul>li.ic02 a:after {background-position:-100px top;}
	#harmfulMap div#map_menu>ul>li.ic03 a:after {background-position:-200px top;}
	#harmfulMap div#map_menu>ul>li>ul { display:none; margin:10px auto 0; padding:10px 0; width:85%; background:#002642; }
	#harmfulMap div#map_menu>ul>li>ul.open { display:block; }
	#harmfulMap div#map_menu>ul>li>ul>li { padding:2px 0; text-align:center; font-size:14px; }
	#harmfulMap div#map_menu>ul>li>ul>li:last-child { border:none; }
	#harmfulMap div#map_menu>ul>li>ul>li>a{ color:#fff;}
	#harmfulMap div#map_menu>ul>li>ul>li>a.on, #harmfulMap div#map_menu>ul>li>ul>li>a:hover { font-weight:bold; color:#36a3f4;}
	#harmfulMap div.map_cate { position:absolute; left:150px; margin-top:105px; width:220px; height:100%; background:#fff; z-index:2; border-right:1px solid #aaa; }
	#harmfulMap div.map_cate div.catearea { position:relative; padding-bottom:20%; height:80%; overflow:auto;; }
	#harmfulMap div.map_cate div.para01 { margin-left:20px; }
	#harmfulMap div.map_cate p.cate_more { margin-top:20px; }
	#harmfulMap div.map_cate p.cate_more a { display:block; padding: 2px 15px 3px; font-size:14px; line-height:1.5em; text-align:center; color:#fff; background:#333; transition:.3s; }
	#harmfulMap div.map_cate p.cate_more a:hover { border-radius: 25px; }
	.sblet { position:relative; margin-bottom:15px; padding-left:10px; color:#000; font-size:17px; font-weight:bold; }
	.sssblet { position:relative; margin-top:6px; padding-left:10px; color:#666; font-size:14px !important; font-weight:bold; }
	.sssblet:before { position:absolute; left:0; top:10px; width:5px; height:1px; background:#777; content:''; }
	.para01 { margin-left:22px; margin-top:30px; }
	.para02 { margin-left:13px; margin-top:20px; }

