@charset "utf-8";
/* 스마트 지도 CSS Document */
.wrap{min-width:1200px; position:relative; overflow: hidden; height: 100%;}
aside{  height: 100%; position: fixed; top:0; left: 0;}
aside .depth_1{width: 180px; height: 100%; background: #f4f5f9;  position: absolute; top:0; left: 0;  border-right: 1px solid #16202c;}
aside .depth_1 h1{ text-align: center; background:#ffe16c; width: 100%; height:165px;}
aside .depth_1 h1 img{ margin-top:40px; }
aside .depth_2{ width:180px; height: 100%; background-color:#046fd9; position: absolute; top:0; left: 181px;}
aside .depth_2 h2{color: #fff; font-size: 21px; text-align: center; height:110px; line-height: 110px; width: 100%; background-color: #1c60a3; }
.map_area{ width: 100%; height: 100%;}

.menu li{ border-bottom: 1px solid #d8d8d9}
.menu li:hover, .menu li.on{background-color:#046fd9; }

.menu li a{ display: inline-block; color: #000; font-size:18px; height: 55px; line-height: 55px; width:130px; background:url("/images/citizen/smartmap/sp_map.png") 0 0 no-repeat ; padding-left: 50px;}
.menu li a:hover{ color: #fff; }

.menu li:nth-child(1) a{ background-position: 8px 8px;}
.menu li:nth-child(2) a{ background-position: 8px -49px;}
.menu li:nth-child(3) a{ background-position: 8px -104px;}
.menu li:nth-child(4) a{ background-position: 8px -160px;}
.menu li:nth-child(5) a{ background-position: 8px -218px;}
.menu li:nth-child(6) a{ background-position: 8px -272px;}

.menu li:nth-child(1) a:hover{ background-position: -196px 8px;}
.menu li:nth-child(2) a:hover{ background-position: -196px -49px;}
.menu li:nth-child(3) a:hover{ background-position: -196px -104px;}
.menu li:nth-child(4) a:hover{ background-position: -196px -160px;}
.menu li:nth-child(5) a:hover{ background-position: -196px -218px;}
.menu li:nth-child(6) a:hover{ background-position: -196px -272px;}

.menu li.on:nth-child(1) a{ background-position: -196px 8px; color: #fff;}
.menu li.on:nth-child(2) a{ background-position: -196px -49px; color: #fff;}
.menu li.on:nth-child(3) a{ background-position: -196px -104px; color: #fff;}
.menu li.on:nth-child(4) a{ background-position: -196px -160px; color: #fff;}
.menu li.on:nth-child(5) a{ background-position: -196px -218px; color: #fff;}
.menu li.on:nth-child(6) a{ background-position: -196px -272px; color: #fff;}

.list_cate li{border-bottom: 1px solid #519be5; position: relative}
.list_cate li a{ font-size: 17px; color:#fff; width: 140px; padding-left: 20px; display: inline-block; padding:14px 10px; line-height: 20px;}
.list_cate li a:hover{ color:#ffe16c; }
.list_cate li a .ico{ background:url("/images/citizen/smartmap/sp_map.png") 0 -357px no-repeat ; display: block; width: 12px; height: 20px; position: absolute; right:15px; top:17px;}
.list_cate li a:hover .ico{ background:url("/images/citizen/smartmap/sp_map.png") -252px -357px no-repeat ; display: block; width: 12px; height: 20px; position: absolute; right:15px; top:17px;}

.list_cate li.on{ background-color:#02994a; }

.map_spot{ position: absolute; top:400px; left: 50%;}
.spot_info{padding:18px; border:2px solid #000; border-radius: 4px; background-color: #fff; position: relative;}
.spot_info span{display: block}
.spot_info .tit{ font-size: 17px; font-weight: 400;}
.spot_info .address{ font-size: 15px;}
.spot_info .btn_close{ display: block; position: absolute; top:-12px; right: -12px; width: 35px; height: 35px; background:url("/images/citizen/smartmap/sp_map.png") 0 -483px no-repeat; text-indent: -9999px;}

.ico_spot{ background:url("/images/citizen/smartmap/sp_map.png") -1px -406px no-repeat; width: 35px; height: 44px; text-indent: -9999px; position: absolute; left: 50%; margin-left: -17px; margin-top: 3px;}

/*문구추가*/
.info_foot {width: 161px; font-size: 12px; line-height: 15px; padding: 10px;}