@charset "utf-8";

/* content 페이지 공통 컬러 */
.cont_red {color: #A45B3C;}

/* icon_listA안에 txt-check쓸 경우 */
.bodo_icon_list > ul > li p.txt-check {color: #dc132c;}

/* sub01_04_01 최근 2016년 제작지도 */
.s010401 .imgbox {margin:30px 0;}
.s010401_btn {text-align: right; margin-top:-45px;}

@media(max-width:767px){
    .s010401_btn_02 {margin-top:10px;}
}
@media(max-width:640px){
    .s010401_btn {text-align: left; margin-top:0px;}
}
/* sub01_04_01 최근 2016년 제작지도 End */

/* sub03_01_01 토지 및 기후 */
.s030101 iframe {width:100%;}
/* sub03_01_01 토지 및 기후 End */

/* sub01_03_01 행정구역 */
.s010301 .dis_img {float:left; width:48%; margin-right:2%; height:363px;}
.s010301 .dis_img img {height:100%;}
.s010301 .table-responsive {float:left; width:50%;}
@media(max-width:900px){
    .s010301 .dis_img {float:none; width:100%; height:auto;}
    .s010301 .dis_img img {width:100%; height:auto;}
    .s010301 .table-responsive {float:none; width:100%; margin-top:20px;}

}
/* sub01_03_01 행정구역 End */

/* 통계 구글 차트 */
#chart1,
#chart2,
#chart_div {margin:0 0 40px;}
#chart1 {overflow:hidden;}
.sub01_02_02 #chart1 {height:890px;}
.sub01_02_02 #chart1 svg {margin-top:-80px;}

.chart-responsive{position:relative;padding:10px;width:100%;overflow:scroll;border:1px solid #ddd;text-align:center;}
.chart-responsive>div{width:900px;}
.chart-responsive>div *{font-size:13px;letter-spacing: -1px;}
.chart-info{display:block;position:relative;padding:20px;text-align:center;color:#767676;font-size:13px;}
.chart-info:after{content:"";display:block;width:35px;height:41px;margin:0 auto;background:url(/images/prog/age/ico_scroll_v.png);z-index:10}
.chart-info:before{content:"";position:absolute;right:0;top:50%;display:block;width:100%;border-bottom:1px dashed #ccc;}
.jqplot-table-legend{display:none;}


@media only screen and (min-width:768px){
	.chart-responsive{border:0;overflow:hidden;background:none;border:1px solid #ddd;}
    .chart-responsive>div{width:100%;background-color:#fff;}
    .chart-info{display:none;}
}
@media only screen and (min-width:1240px){
	.chart-responsive>div{width:100%;}
}

/* 통계 구글 차트 끝 */

/* sub03_02 년도별 통계연보 */
.s0302 .ir-download {background-position: -124px -216px;}
.s0302 .program--search p {float:left;}
.s0302 .program--search .search_inner.float-md-right {float:right;}
.s0302 .ui-link-list.col2 li {width:50%;}
.s0302 .ui-link-list.col3 li {width:33.33%;}
.s0302 .block {display:block;}
.s0302 .example-box {margin-bottom:30px;}
.s0302 .ui-link-list .item .ui-link__click {top:50%; transform: translateY(-50%);}
.s0302 .ui-link-list li .item.p_long {min-height:95px;}
@media only screen and (max-width: 1150px){
    .s0302 .ui-link-list li .item.long {min-height:125px;}
}
@media only screen and (max-width: 820px){
    .s0302 .block {display:inline;}
    .s0302 .ui-link-list.col2 li,
    .s0302 .ui-link-list.col3 li {width:100%;}
    .s0302 .ui-link-list li .item.long,
    .s0302 .ui-link-list li .item.p_long {min-height:auto;}
    .s0302 .ui-link-list .item .ui-link__title {width:85%;}
}
@media only screen and (max-width: 640px){
    .s0302 .program--search .search_inner.float-md-right {width:auto;}
}
@media only screen and (max-width: 600px){
    .s0302 .program--search .search--btn .btn--submit,
    .s0302 .program--search .search--btn button {background-color: #33353a;}
    .s0302 .program--search .search_inner.float-md-right {float:none;}
}
/* sub03_02 년도별 통계연보 End */


/* 통계사이트 */
.stat_site_wrap{padding:5px;overflow:hidden;background:url(/images/stat/sub04/stat_boxicon.png) repeat left top;}
.stat_site_wrap .inner{padding:30px; background:#fff;}
.stat_site_wrap .inner .site_list{margin-left:-1%; overflow:hidden;}
.stat_site_wrap .inner .site_list li{float:left;margin:0 0 10px 1%; width:calc(25% - 1%);  line-height:80px; box-sizing:border-box; transition:all 0.3s ease;}
.stat_site_wrap .inner .site_list li a{display:block; text-align:center;line-height:80px;border:1px solid #dfdfdf;}
.stat_site_wrap .inner .site_list li a img{vertical-align: middle;}
.stat_site_wrap .inner .site_list li a:hover,
.stat_site_wrap .inner .site_list li a:focus{ border:1px solid #000;}

.tab_board .batalist_ul {text-align:center;overflow: hidden;}
.tab_board .batalist_ul li { float: left; width:12.5%; border-bottom: 1px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); box-sizing: border-box;  text-align: center; }
.tab_board .batalist_ul li a { display: block; overflow: hidden; position: relative; font-size: 15px; line-height: 21px; white-space: nowrap; text-overflow: ellipsis; padding: 10px 5px; color:#222;background-color: rgb(253, 253, 253);}

.tab_board .batalist_ul li.on a,
.tab_board .batalist_ul li a:hover,
.tab_board .batalist_ul li a:focus{ background:#ffae34;}
.tab_board .batalist_ul li.on a,
.tab_board .batalist_ul li a:hover,
.tab_board .batalist_ul li a:focus{color:#fff;}
.tab_board .batalist_ul li span {display:block; padding:5px 0;}

.tab_board .batalist_ul li:first-child { border-left: 1px solid rgb(223, 223, 223) !important;}
.tab_board .batalist_ul li:nth-child(8n+1) { border-left: 1px solid rgb(223, 223, 223); }
.tab_board .batalist_ul li:nth-child(-n+8) { border-top: 1px solid rgb(223, 223, 223); }
.tab_board .batalist_ul li:nth-child(n+6) { border-bottom: 1px solid rgb(223, 223, 223); }

.tab_board .batalist_ul li:nth-child(5n+1) {border-left:none;}
.tab_board .batalist_ul li:nth-child(-n+5) { border-top: 1px solid rgb(223, 223, 223); }

.tab_board .batalist_ul li .icon{width:50px;height:50px;background: url(/images/stat/sub04/sub0404_ir.png) no-repeat;display: inline-block;}
.tab_board .batalist_ul li .icon.icon01{background-position: 0 0;}
.tab_board .batalist_ul li .icon.icon02{background-position: -50px 0;}
.tab_board .batalist_ul li .icon.icon03{background-position: -100px 0;}
.tab_board .batalist_ul li .icon.icon04{background-position: -150px 0;}
.tab_board .batalist_ul li .icon.icon05{background-position: -200px 0;}
.tab_board .batalist_ul li .icon.icon06{background-position: -250px 0;}
.tab_board .batalist_ul li .icon.icon07{background-position: -300px 0;}
.tab_board .batalist_ul li .icon.icon08{background-position: -350px 0;}
.tab_board .batalist_ul li .icon.icon09{background-position: -400px 0;}
.tab_board .batalist_ul li .icon.icon10{background-position: -450px 0;}
.tab_board .batalist_ul li .icon.icon11{background-position: 0 -50px;}
.tab_board .batalist_ul li .icon.icon12{background-position: -50px -50px;}
.tab_board .batalist_ul li .icon.icon13{background-position: -100px -50px;}
.tab_board .batalist_ul li .icon.icon14{background-position: -150px -50px;}
.tab_board .batalist_ul li .icon.icon15{background-position: -200px -50px;}
.tab_board .batalist_ul li .icon.icon16{background-position: -250px -50px;}

div.table-responsive {max-height:300px;overflow-y:auto;margin-top:10px;}
.none_text {text-align:center; padding:20px 0;}
.toggle_m,.toggle_m2,.toggle_m3,.toggle_m4{display:none !important;}

@media(max-width:1223px) {
	.tab_board .batalist_ul li { float: left; width:25%; }
	.tab_board .batalist_ul li:nth-child(5),.tab_board .batalist_ul li:nth-child(13) {border-left:1px solid rgb(223, 223, 223); }
	.tab_board .batalist_ul li:nth-child(-n+8) { border-top: none; }
	.tab_board .batalist_ul li:nth-child(1),
	.tab_board .batalist_ul li:nth-child(2),
	.tab_board .batalist_ul li:nth-child(3),
	.tab_board .batalist_ul li:nth-child(4) { border-top: 1px solid rgb(223, 223, 223); }
}
@media(max-width:890px){
    .stat_site_wrap .inner .site_list li {width:calc(50% - 1%);}
}
@media(max-width:799px) {
    .tab_board,.tab_board2 ,.tab_site,.tab_board3{display:none;}
	.tab_board .batalist_ul li {display:block; width:100%; padding:0px;}
	.tab_board .batalist_ul li a {padding:0px 3px !important;}
	.tab_board .batalist_ul li img {display:none;}

	.tab_board .batalist_ul li:nth-child(8n+1) { border-left: 1px solid rgb(223, 223, 223); }
	.tab_board .batalist_ul li:nth-child(-n+8) { border-top: none; }
	.tab_board .batalist_ul li:nth-child(n+6) { border-bottom: 1px solid rgb(223, 223, 223); }

	.tab_board .batalist_ul li:nth-child(5n+1) {border-left:1px solid rgb(223, 223, 223) !important;}
	.tab_board .batalist_ul li:nth-child(-n+5) { border-top: none; border-left: 1px solid rgb(223, 223, 223); }


    .toggle_m,.toggle_m2,.toggle_m3,.toggle_m4{position:relative; display:block !important;background:#fff !important; border:1px solid #0065bf  !important;  padding:15px 10px 15px 20px !important; box-sizing:border-box !important;  width:100% !important; text-align:left !important; font-size:17px;}
    .toggle_m:after,.toggle_m2:after,.toggle_m3:after,.toggle_m4:after{position:absolute; right:15px; top:20px; width:19px; height:10px; display:block; content:''; background:url(http://www.chungnam.go.kr/images/stats_2019/common/board_tab_bul.png) no-repeat 96% center; transition:all 0.3s ease;}
    .toggle_m.on:after,.toggle_m2.on:after,.toggle_m3.on:after,.toggle_m4.on:after{background:url(http://www.chungnam.go.kr/images/stats_2019/common/board_tab_bul_01.png) no-repeat 96% center; transform:rotate(360deg);  transition:all 0.3s ease;}
}
@media(max-width:600px) {
	.tab_board .batalist_ul li {display:block; width:100%; padding:0px;}
	.tab_board .batalist_ul li a {padding:0px 3px !important;}
}
@media(max-width:450px){
    .stat_site_wrap .inner{padding:20px;}
    .stat_site_wrap .inner .site_list{margin:0;}
    .stat_site_wrap .inner .site_list li {width:100%; margin:0 0 10px; float:none; }
}
/*공주시 일반현황*/
.s0101 .bodo_icon_list.typeB > ul.col3 > li{min-height: 307px !important;}