/* 그림으로보는 진안 */
.jinan-statistics{

}
.jinan-statistics .list{
    border:1px solid #e1e1e1;
    padding:20px;
    margin-bottom:20px;
}
.jinan-statistics .list ul{
    overflow: hidden;
}
.jinan-statistics .list ul li{
    float:left;
    width:25%;
    text-align: center;
    color:#0a1b41;
    padding-top:115px;
}
.jinan-statistics .list ul li span{}
.jinan-statistics .list ul li span strong{
    display:inline-block;
    margin-right:10px;
    font-weight:600;
}
.jinan-statistics .list.list-1 ul li.li-1{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon01.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-1 ul li.li-2{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon02.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-1 ul li.li-3{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon03.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-1 ul li.li-4{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon04.png) no-repeat;
    background-position: 50% 0;
}

.jinan-statistics .list.list-2 ul li.li-1{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon05.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-2 ul li.li-2{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon06.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-2 ul li.li-3{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon07.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-2 ul li.li-4{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon08.png) no-repeat;
    background-position: 50% 0;
}

.jinan-statistics .list.list-3 ul li.li-1{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon09.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-3 ul li.li-2{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon10.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-3 ul li.li-3{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon11.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-3 ul li.li-4{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon12.png) no-repeat;
    background-position: 50% 0;
}

.jinan-statistics .list.list-4 ul li.li-1{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon13.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-4 ul li.li-2{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon14.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-4 ul li.li-3{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon15.png) no-repeat;
    background-position: 50% 0;
}
.jinan-statistics .list.list-4 ul li.li-4{
    background: url(/2018/images/09.statistics/contents/01/statistics_icon16.png) no-repeat;
    background-position: 50% 0;
}
/* 행정지도 */
.administrative-map{}
.administrative-map .btn-group{
    margin-top:40px;
    overflow:hidden;
}
.administrative-map .btn-group ul li{
    overflow: hidden;
    float:left;
    width:48%;
    margin: 1%;
    border:1px dashed #ccc;
    padding:15px;
}
.administrative-map .btn-group ul li .subject{
    display:inline-block;
    position:relative;
    top:5px;
}
.administrative-map .btn-group ul li .btn-down,
.administrative-map .btn-group ul li .btn-site{float:right;}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px){

}
/* Mobile */
@media only screen and (max-width: 767px) {
    .jinan-statistics .list ul li{
        float:left;
        width:48%;
        margin:1% 1% 20px;
        padding-top: 95px;
        font-size:14px;
        letter-spacing: -1px;
    }
    .jinan-statistics .list ul li span strong{
        margin-right:5px;
    }
    .jinan-statistics .list.list-1 ul li.li-1,
    .jinan-statistics .list.list-1 ul li.li-2,
    .jinan-statistics .list.list-1 ul li.li-3,
    .jinan-statistics .list.list-1 ul li.li-4,
    .jinan-statistics .list.list-2 ul li.li-1,
    .jinan-statistics .list.list-2 ul li.li-2,
    .jinan-statistics .list.list-2 ul li.li-3,
    .jinan-statistics .list.list-2 ul li.li-4,
    .jinan-statistics .list.list-3 ul li.li-1,
    .jinan-statistics .list.list-3 ul li.li-2,
    .jinan-statistics .list.list-3 ul li.li-3,
    .jinan-statistics .list.list-3 ul li.li-4,
    .jinan-statistics .list.list-4 ul li.li-1,
    .jinan-statistics .list.list-4 ul li.li-2,
    .jinan-statistics .list.list-4 ul li.li-3,
    .jinan-statistics .list.list-4 ul li.li-4{
        background-size:80px;
    }
    .administrative-map .btn-group ul li{
        float:none;
        width:100%;
        margin:0 0 10px 0;
    }
}
     
/* 사이트맵 아이콘 */
.sitemap dl dt.icon1{background-image:url('/2018/images/09.statistics/common/icon-sitemap1.png')}
.sitemap dl dt.icon2{background-image:url('/2018/images/09.statistics/common/icon-sitemap2.png')}
.sitemap dl dt.icon3{background-image:url('/2018/images/09.statistics/common/icon-sitemap3.png')}
.sitemap dl dt.icon4{background-image:url('/2018/images/09.statistics/common/icon-sitemap4.png')}

/* 유용한 통계정보사이트 정보 */
.i-site {overflow:hidden;}
.i-site > div {width:32%;height:140px;float:left;margin-left:15px;padding:30px 0 0 120px;}
.i-site > div:nth-child(3n-2) {margin-left:0;}
.i-site .site-1 {background:url('/2018/images/09.statistics/contents/03/ico-1.gif') no-repeat 20px 50%;}
.i-site .site-2 {background:url('/2018/images/09.statistics/contents/03/ico-2.gif') no-repeat 20px 50%;}
.i-site .site-3 {background:url('/2018/images/09.statistics/contents/03/ico-3.gif') no-repeat 20px 50%;}
.i-site .site-4 {background:url('/2018/images/09.statistics/contents/03/ico-4.gif') no-repeat 20px 50%;}
.i-site .site-5 {background:url('/2018/images/09.statistics/contents/03/ico-5.gif') no-repeat 20px 50%;}
.i-site .site-6 {background:url('/upload_data/board_data/BBS_0000160/171161521878528.gif') no-repeat 20px 50%;}
.i-site strong {display:block;font-weight:bold;font-size:1.2em;padding-bottom:10px;}

	@media only screen and (max-width: 900px){
		.i-site > div{width:100%; margin-left:0; float:none}
	}