@charset "utf-8";

/* layout */
.local_info{background: url(../../../images/rdsusr/local_info/local_info_bg_02.jpg) repeat 50% 0}
.local_info_hd{min-height: 100px; background: #fff; position: relative; border-bottom: 5px solid #ee151e; margin-bottom: 56px}
.local_info_hd .hd_wrap{width: 1200px; min-height: 100px; margin: 0 auto; position: relative}
.local_info_hd .hd_wrap:after{content: ""; display: block; width:243px; height: 135px; background: url(../../../images/rdsusr/local_info/local_info_top_icon.png) no-repeat 0 0; position: absolute; left: 66px; top: 12px}
.local_info_hd .hd_tit{display: block; text-align: center; font-size: 40px; color: #232323; line-height: 1.2; font-weight: bold; letter-spacing: -0.075em;transform: translateY(50%);}
.local_info_hd .hd_tit>strong{font-size: 40px; font-weight: bold; color: #f71634}
.local_info_hd .shortcuts_btns{position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
.local_info_hd .shortcuts_btns>a{font-size: 14px; color:#444545; line-height: 1.1; letter-spacing: -0.075em; display: inline-block; border: 1px solid #bababa; border-radius: 3px; padding:10px 40px 10px 34px; position: relative}
.local_info_hd .shortcuts_btns>a:before{content: ""; width: 15px; height: 9px; background: url(../../../images/rdsusr/local_info/shortcuts_arrow.png) no-repeat 0 0; position: absolute; right: 12px; top: 50%; transform: translateY(-50%)}
.local_info_hd .shortcuts_btns>a:hover{border-color: #f71634}
.local_info_hd .shortcuts_btns>a.active{border-color: #f71634; color: #f71634}
.local_info_hd .shortcuts_btns>a.go_home{ color: #fff; background: #ff942c; padding-right: 34px; border: 0 none; letter-spacing: 0}
.local_info_hd .shortcuts_btns>a.go_home:before{background-image: none; }

.local_info_wrap{width: 1200px; margin: 0 auto; padding-bottom: 110px}

.tit_type1{font-size: 20px; line-height: 1.2; letter-spacing: -0.04em; color: #061626; margin: 45px 0 0}




.local_data{display: flex; margin-bottom: 75px}
.local_data .local_map{width:39%; padding-right: 77px}
.data_items{padding-left: 18px; flex:61%}

/* 시도별 정보 - 지도 */
.local_map{background: url(../../../images/rdsusr/local_info/local_map_arrow.png) no-repeat 100% 50%}
.local_map .local_map_wrap{border: 1px solid #aaaaaa; border-bottom-color: #060002; background: #d7eafd}
.local_sel .local_sel_bx+.local_sel_bx{margin-top: -4px}
.local_sel select{float: left; width: 50%;  height: 52px; border:4px solid #ee151e; border-radius:0; padding: 10px; margin: 0;}
.local_sel select+select{border-left:0 none}
.tit_type1.top_tit{margin-bottom: 14px}
.tit_type1.top_tit strong{font-weight: bold; color:#ee151e; font-size: 1em}

/* 시도별 정보 - 항목선택 */
.data_items_lst{display: flex; flex-wrap: wrap; padding-left: 1px; padding-top: 1px; border: 1px solid #404040; position: relative}
/*.data_items_lst:after{content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #707070}*/
.data_items_lst>li{width:calc(100%/6); margin-top: -1px}
.data_items_lst>li>a{font-size:14px; color: #666666; text-align: center; display: block; height: 100%; padding: 14px 8px; background: #fff; border: 1px solid #d2d2d2; margin-left: -1px; position: relative;white-space: nowrap}
.data_items_lst>li>a:before{content: ""; display: inline-block; vertical-align: middle; width: 20px; height:22px; margin-right: 5px; background-position: 50%; background-repeat: no-repeat}
.data_items_lst>li.item_01>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_01.png)}
.data_items_lst>li.item_02>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_02.png)}
.data_items_lst>li.item_03>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_03.png)}
.data_items_lst>li.item_04>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_04.png)}
.data_items_lst>li.item_05>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_05.png)}
.data_items_lst>li.item_06>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_06.png)}
.data_items_lst>li.item_07>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_07.png)}
.data_items_lst>li.item_08>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_08.png)}
.data_items_lst>li.item_09>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_09.png)}
.data_items_lst>li.item_10>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_10.png)}
.data_items_lst>li.item_11>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_11.png)}
.data_items_lst>li.item_12>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_12.png)}
.data_items_lst>li.item_01>a:hover:before,
.data_items_lst>li.item_01.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_01_on.png)}
.data_items_lst>li.item_02>a:hover:before,
.data_items_lst>li.item_02.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_02_on.png)}
.data_items_lst>li.item_03>a:hover:before,
.data_items_lst>li.item_03.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_03_on.png)}
.data_items_lst>li.item_04>a:hover:before,
.data_items_lst>li.item_04.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_04_on.png)}
.data_items_lst>li.item_05>a:hover:before,
.data_items_lst>li.item_05.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_05_on.png)}
.data_items_lst>li.item_06>a:hover:before,
.data_items_lst>li.item_06.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_06_on.png)}
.data_items_lst>li.item_07>a:hover:before,
.data_items_lst>li.item_07.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_07_on.png)}
.data_items_lst>li.item_08>a:hover:before,
.data_items_lst>li.item_08.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_08_on.png)}
.data_items_lst>li.item_09>a:hover:before,
.data_items_lst>li.item_09.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_09_on.png)}
.data_items_lst>li.item_10>a:hover:before,
.data_items_lst>li.item_10.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_10_on.png)}
.data_items_lst>li.item_11>a:hover:before,
.data_items_lst>li.item_11.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_11_on.png)}
.data_items_lst>li.item_12>a:hover:before,
.data_items_lst>li.item_12.active>a:before{background-image:url(../../../images/rdsusr/local_info/items_icon_12_on.png)}
.data_items_lst>li>a>span{display: inline-block; vertical-align:middle; }
.data_items_lst>li>a:hover,
.data_items_lst>li.active>a{border-color: #ee151e; background:#ee151e; }
.data_items_lst>li>a:hover:after,
.data_items_lst>li.active>a:after{content: ""; display: block; width: 1px; height: 100%;background:#ee151e; position: absolute; right: -1px; top: 0; z-index: 1}
.data_items_lst>li>a:hover>span,
.data_items_lst>li.active>a>span{color: #fff}


/* 시도별 정보 - 항목출력 */
.data_sel_wrap{display: flex; margin: 10px -7px 0}
.data_sel_wrap .data_sel_bx{width: 50%; padding: 0 7px}
.data_sel_wrap .data_sel_bx .data_sel_bx_wrap{background: #fff; height: 100%; border: 1px solid #d2d2d2; border-bottom-color: #060002; padding: 12px 20px}
.data_sel_wrap .data_sel_tit{display: block; height: 40px;background:#2a8adc; padding: 10px 29px; border:0 none; border-radius: 100px; position: relative; margin-bottom: 20px}
.data_sel_wrap .data_sel_tit>h2{font-size: 19px; line-height: 1.1; color: #fff; font-weight: bold; }
.data_sel_wrap .data_sel_tit .data_sel_num{font-size: 12px; color: #fff; line-height: 1; position: absolute; top: 10px; right: 30px}
.data_sel_wrap .data_sel_tit .data_sel_num>strong{font-weight: bold; font-size:16px; color: #fff}
.data_sel_wrap .bx2 .data_sel_tit{background-color: #23488e}
.data_sel_items_wrap{height: 238px; overflow-y: auto}
.data_sel_items{padding-left: 16px}
.data_sel_items>li{margin-bottom: 5px}
.data_sel_items>li>a{display: block; font-size: 14px; color: #666666; line-height: 1.2; letter-spacing: -0.075em}
.data_sel_items>li>a:hover{color: #ee151e; font-weight: bold}
.data_sel_items>li>a.active{color: #ee151e; font-weight: bold}


/* 지표 및 비교 레이아웃 */
.chart_bx_wrap{display: flex; flex-direction: row; flex-wrap: wrap; margin:0 -10px; padding-top: 40px}
.chart_bx_wrap .indicators_sec,
.chart_bx_wrap .statistics_sec{width: 50%; position: relative}
.chart_bx_wrap .indicators_sec_wrap,
.chart_bx_wrap .statistics_sec_wrap{height: 100%; margin: 0 10px; background: #fff; border: 1px solid #d2d2d2; border-bottom-color: #060002}
.chart_bx_wrap .tit_type1{position: absolute; top: 0; margin-top: -40px; margin-left: 10px}

/* 균형발전 지표 */
.indicators_sec_wrap{position: relative}
.indicators_sec_wrap .btn_more>a:before{content: "\003E"; display: block; position: absolute; right: 10px; top: 4px}
.indicators_lst{border-top: 2px solid #ee151e; border-bottom: 2px solid #737373; display: flex; margin-top: -1px}
.indicators_lst:after{content: ""; display: block; clear: both}
.indicators_lst>li{flex: auto}
.indicators_lst>li .indc_tit{font-size: 13px; font-weight: bold; letter-spacing: -0.075em; color: #444545; text-align: center; white-space: nowrap;line-height: 1; display: block; padding: 12px 10px; border-bottom: 1px solid #d2d2d2}
.indicators_lst>li .indc_val{font-size: 12px; color: #818080; line-height: 1; padding: 12px 10px; text-align: center; white-space: nowrap}
.indicators_lst>li .indc_val>strong>a{font-size: 23px; font-weight: bold; color: #818080}
.indicators_lst>li .indc_val>strong>a:hover{ color: #ee151e}
.indicators_lst>li .indc_val>strong>a.active{ color: #ee151e}

.indicators_sec_wrap .btn_more{text-align: center; position: absolute; left: 255px; top:  -40px;}
.indicators_sec_wrap .btn_more>a{display: inline-block; font-size: 13px; font-weight: bold; letter-spacing: -0.075em; line-height: 1; color: #ee151e; padding:5px 30px 5px 10px; background: #fff; border:2px solid #ee151e; border-radius: 100px; position: relative}
.indicators_sec_wrap .btn_more>a:hover{background: #ee151e; color: #fff}

/* 지표 테이블 */
.indicators_tbl_wrap{padding:60px 10px 14px; position: absolute; left: 14px; right: 14px; top: 90px; bottom: 0;}
.indicators_tbl_wrap>h3{background: #ee151e; color: #fff; line-height: 1.2; letter-spacing: -0.05em; padding:12px 10px; text-align: center;border-radius: 100px; position: absolute; top: 10px; width: 100%; left: 0}
.indicators_tbl_box{width: 100%; height: 100%; overflow-y: auto}
.indicators_tbl{width: 100%; border-collapse: collapse}
.indicators_tbl th,
.indicators_tbl td{padding:18px 14px; font-size: 14px; border: 1px solid #d2d2d2; border-left: 0 none; border-right: 0 none}
.indicators_tbl th{color: #404040; font-weight: bold; text-align: left; padding-left: 30px; letter-spacing: -0.05em}
.indicators_tbl td{text-align: right; padding-right: 30px}
.indicators_tbl td>strong{font-size: 24px; font-weight: normal; color: #ee151e; letter-spacing: -0.05em}
.indicators_tbl td>span{font-size: 14px; padding-left: 5px;color: #7f7f7f; font-weight: bold}

/* 통계데이터 비교 */
.statistics_sec .local_sel{margin: 0 10px; background: #ee151e}
.statistics_sec .local_sel:after{content: ""; display: block; clear: both}
.statistics_sec .local_sel_tit{float: left; width: 20%; padding: 14px 5px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; letter-spacing:-0.075em; line-height: 1.2}
.statistics_sec .local_sel_bx{float: left; width: 80%}
.statistics_sec .statistics_sec_wrap{display: flex; flex-direction: row; padding: 23px 10px 0; height: auto}
.statistics_sec_wrap .statistics_sec{width: 50%; padding: 0 6px}
.statistics_sec_wrap .statistics_sec .statistics_tit{font-size: 17px; letter-spacing: -0.075em; font-weight: bold; color: #fdfdfd; text-align: center;border: 0 none; border-radius: 100px; background: #7f7f7f; padding: 10px; margin-bottom: 20px}
.statistics_sec_wrap .statistics_sec.c2 .statistics_tit{background-color: #404040}
.statistics_chart{width: 100%; min-height: 310px}

/* 균형발전 현황 */
.status_lst{display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -10px}
.status_lst .status_bx{flex: 25%; padding-top: 35px}
.status_lst .status_bx .status_bx_wrap{height: 100%;  margin: 0 10px;background: #fff; border:1px solid #bababa; border-top:2px solid #1254c1; border-bottom-color: #4a484c }
.status_lst .status_bx .status_bx_wrap>h3{text-align: center; display: block; padding: 50px 0 12px; border-bottom: 1px solid #d2d2d2; position: relative}
.status_lst .status_bx .status_bx_wrap>h3>a{font-size: 18px; font-weight: bold; letter-spacing: -0.075em; color: #1a3a72; }
.status_lst .status_bx .status_bx_wrap>h3:before{content: ""; display: block; width: 80px; height: 80px; border:0 none; border-radius: 50%; background-color: #b6d9f9; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: -35px; left: 50%; margin-left:-40px}
.status_lst .status_bx .status_bx_wrap>h3>a:hover{color: #f71634}
.status_lst .status_bx.bx1 .status_bx_wrap>h3:before{background-image: url(../../../images/rdsusr/local_info/local_status_icon_01.png)}
.status_lst .status_bx.bx2 .status_bx_wrap>h3:before{background-image: url(../../../images/rdsusr/local_info/local_status_icon_02.png)}
.status_lst .status_bx.bx3 .status_bx_wrap>h3:before{background-image: url(../../../images/rdsusr/local_info/local_status_icon_03.png)}
.status_lst .status_bx.bx4 .status_bx_wrap>h3:before{background-image: url(../../../images/rdsusr/local_info/local_status_icon_04.png)}
.status_lst .status_bx.bx5 .status_bx_wrap>h3:before{background-image: url(../../../images/rdsusr/local_info/local_status_icon_05.png)}
.status_lst .status_bx.bx5{margin-top: 20px}
.status_lst .link_lst{padding:9px 0 20px 25px}
.status_lst .link_lst>li{padding:2px 0 2px 25px; background: url(../../../images/rdsusr/local_info/status_icon_arrow.png) no-repeat 0 1px}
.status_lst .link_lst>li+li{margin-top: 8px}
.status_lst .link_lst>li>a{font-size: 15px; font-weight: bold; line-height: 1.2; color: #424242; letter-spacing: -0.07em}
.status_lst .link_lst>li>a:hover{color: #f71634}
.status_lst .link_lst2{padding:9px 0 0 0}
.status_lst .link_lst2>li{line-height: 1.2; padding:2px 0 2px 11px; position:relative;}
.status_lst .link_lst2>li:before{content:""; display: block; width: 4px; height: 4px; background:#666666; border:0 none; border-radius: 50%; position: absolute; left: 0; top: 0.7em}
.status_lst .link_lst2>li+li{margin-top: 5px}
.status_lst .link_lst2>li>a{font-size: 14px; color: #848181; letter-spacing: -0.04em}
.status_lst .link_lst2>li>a:hover{color: #f71634}
.status_lst .link_lst_bx{display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -10px}
.status_lst .link_lst_bx .link_bx{flex:25%;}
.status_lst .link_lst_bx .link_bx>.link_lst{height: 100%;  margin: 0 10px;}

/* 총괄판 */
.local_info_total .local_info_hd .hd_wrap:after{background-image:url(../../../images/rdsusr/local_info/local_info_top_icon2.png)}
.local_info_total .total_bx_tit{font-size: 29px; color: #000000; letter-spacing: -0.075em; padding-left: 115px; position: relative; line-height: 1.2; margin-bottom: 44px}
.local_info_total .total_bx_tit>i{position: absolute; left: 0; top: 0; z-index: 1}

.local_info_total .info_total_lst{position: relative; padding-left:40px; padding-bottom: 60px}
.local_info_total .info_total_lst:before{content: ""; display: block; background: #81cbd6; height: 2px; width: 95%; position: absolute; top: 0;    right: 0;}
.local_info_total .info_total_lst:after{content: ""; display: block; background: #81cbd6; width: 2px; height: 100%; position: absolute; top: 0; left: 57px}
.local_info_total .info_total_lst>ul{display: flex}
.local_info_total .info_total_lst>ul>li{flex: auto; padding-left: 140px; position: relative; top: -28px}
.local_info_total .info_total_lst>ul>li>h3{padding-top: 64px; position: relative}
.local_info_total .info_total_lst>ul>li>h3>i{position: absolute; top: 0; left: 10px}
.local_info_total .info_total_lst>ul>li>h3>a{font-size: 19px; color: #000000; letter-spacing: -0.075em; white-space: nowrap; line-height: 1.2}


.total_link_lst{padding-top: 16px}
.total_link_lst>li{padding-left: 10px; position: relative}
.total_link_lst>li:before{content:""; display: block; width: 4px; height: 4px; background: #101010; border: 0 none; border-radius: 2px; position: absolute; top: 8px; left: 0}
.total_link_lst>li+li{margin-top: 5px}
.total_link_lst>li>a{font-size:16px; font-weight: bold; line-height: 1.2; letter-spacing:-0.075em; color: #403e3e}
.total_link_lst>li>a:hover{color: #ee151e}
.total_link_lst.t2{display: flex; flex-direction: column; flex-flow:column wrap; height: 130px}
.total_link_lst.t2>li{margin-right: 20px}
.total_link_lst.t3{display: flex; flex-direction: column; flex-flow:column wrap; height: 150px}
.total_link_lst.t3>li{margin-right: 20px}

.local_info_total .bx2 .info_total_lst:before{background-color:#89c26e}
.local_info_total .bx3 .info_total_lst:before{background-color:#dfa14a}
.local_info_total .bx3 .info_total_lst>ul>li{flex: none}
.local_info_total .bx4 .info_total_lst:before{background-color:#b087bc}
.local_info_total .bx4 .info_total_lst:after{content: none}
.local_info_total .bx4 .info_total_lst{padding-bottom: 0; padding-left: 120px}
.local_info_total .bx4 .info_total_lst>ul>li{max-width: 130px;  padding-left:20px}


/* 검색결과 없음 */
.no_result{text-align: center}
.no_result>span:before {content: "!";display: block;font-size: 4em;font-weight: 800;width: 2em;height: 2em;border: 3px solid;line-height: 2em;border-radius: 100px;color: #e4e4e4;margin: 0 auto 30px;}