@charset "UTF-8";
body { min-width: 1400px; }

.body_wrap { max-width: 1400px; }

.statistics_table_wrap .filter_wrap { border: 10px solid #f5f5f5; padding: 20px 15px; margin-bottom: 90px; position: relative; }

.statistics_table_wrap .filter_wrap .filter_setting { padding-right: 180px; }

.statistics_table_wrap .filter_wrap .filter_fire { position: absolute; padding-left: 30px; right: 30px; top: 15%; bottom: 15%; border-left: 1px solid #e1e1e1; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; }

.statistics_table_wrap .filter_wrap .filter_fire button { width: 140px; border: 0; background: #555; color: #fff; font-size: 20px; height: 100%; margin: auto; max-height: 150px; font-weight: 700; }

.statistics_table_wrap .filter_wrap .filter_fire button:hover { background-color: #3695b7; }

.statistics_table_wrap .filter_wrap .filter_row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 7px 15px; }

.statistics_table_wrap .filter_wrap .filter_tit { font-weight: bold; padding-top: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; }

.statistics_table_wrap .filter_wrap .filter_tit.ml_60 { margin-left: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; }

.statistics_table_wrap .filter_wrap .txt_year { margin-right: 12px; }

.statistics_table_wrap .filter_wrap .dev_term { margin-left: 3px; }

.statistics_table_wrap .filter_wrap .filter_radio { line-height: 1; margin: 0 2px 10px; cursor: pointer; display: inline-block; }

.statistics_table_wrap .filter_wrap .filter_radio input { display: none; }

.statistics_table_wrap .filter_wrap .filter_radio input:checked + span { background-color: #3b8c94; color: #fff; }

.statistics_table_wrap .filter_wrap .filter_radio input:disabled + span { cursor: no-drop; background: #e1e1e1; }

.statistics_table_wrap .filter_wrap .filter_radio span { display: inline-block; padding: 0 15px; border-radius: 20px; border: 1px solid #ccc; line-height: 28px; font-weight: 400; -webkit-transition: .3s; transition: .3s; }

/*20240131 추가*/
.statistics_table_wrap .filter_wrap .dev_modelGroup span {color: #3b8c94; font-weight: 500;}

.statistics_table_wrap .filter_wrap .dev_origin span {color: #3b8c94; font-weight: 500;}

.statistics_table_wrap .filter_wrap .filter_radio span:hover { border-color: #3695b7; }

.statistics_table_wrap .is_inp { margin: 0 2px; }

.filter_list { padding-bottom: 30px; padding-right: 170px; position: relative; }

.filter_list.free::after { content: 'FREE'; display: inline-block; border: 1px solid #555; padding: 7px 11px; border-radius: 15px; vertical-align: middle; }

/*20240131추가*/
.filter_list.new::after { content: 'NEW'; display: inline-block; border: 1px solid #3b8c94; padding: 7px 11px; border-radius: 15px; vertical-align: middle; color: #3b8c94;}

.filter_list span { display: inline-block; position: relative; font-size: 36px; margin-right: 10px; vertical-align: middle; }

.filter_list span:not(:first-child)::before { content: '/'; font-size: 33px; display: inline-block; margin-right: 10px; vertical-align: top; color: #ccc; }

.excel_down { position: absolute; right: 0; border: 1px solid #ccc; padding: 8px 0 5px; color: #666; width: 160px; -webkit-transition: .3s; transition: .3s; }

.excel_down img { margin-top: -3px; }

.excel_down:hover { border-color: #3695b7; }

.statistics_pop .filter_list { padding-bottom: 20px; }

.statistics_pop .filter_list .excel_down { border-color: #ccc; cursor: default; }

.statistics_pop .filter_list .excel_down::after { content: '엑셀 다운로드'; }

.en .statistics_pop .excel_down::after { content: 'Excel Download'; }

.chart_area { border-top: 1px solid #333; padding: 50px 0; position: relative; }

.chart_area #chart { max-width: 1150px; margin: 0 auto 50px; }

.chart_area .right { margin-top: -15px; margin-right: 25px; text-align: right; }

.chart_area .excel_down { bottom: 18px; }

.statistics_pop .join_box { position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; }

.statistics_pop .join_box ul { display: inline-block; }

.statistics_pop .join_box ul li { position: relative; padding-left: 5px; padding-bottom: 10px; }

.statistics_pop .join_box ul li::before { content: '-'; }

.statistics_pop .join_box .join_lnk_btn { width: 240px; position: absolute; right: 0; top: -10px; display: inline-block; text-align: center; height: 60px; line-height: 60px; background-color: #3695b7; color: #fff; }

.statistics_pop .join_box .join_lnk_btn:hover { background: #4c6088; }

.statistics_pop .statistics_table_wrap { border: 1px solid #e1e1e1; padding: 10px; }

.statistics_pop .statistics_table_wrap .filter_wrap { margin-bottom: 20px; }

.statistics_pop .statistics_table_wrap .statictics_data { margin-bottom: 0; }

.table_ex { margin-top: -80px; margin-bottom: 100px; }

.table_ex li { margin-bottom: 8px; font-weight: 400; line-height: 1.3; }

.statictics_data { margin: 5px 0 100px; padding: 0; overflow-x: auto; font: 400 15px 'Roboto', 'Noto Sans KR', sans-serif; }

.statictics_data .pop_head { -webkit-transition: .1s; transition: .1s; padding-top: 14px;}

.statictics_list01 { border: 1px solid #233B6A !important; margin: 0px; padding: 0px; font-size: 15px; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }

.statictics_list01 th { background: #e5f0ef; border-bottom: 1px solid #e4ddd9; border-left: 1px solid #e4ddd9; height: 22px; padding: 10px 0; text-align: center; font-weight: bold; letter-spacing: 0; }

.statictics_list01 th.first { background: #1f5954; color: #fff; border-bottom: 1px solid #4C6088; border-left: none; /*border-right:1px solid #fa9446;*/ }

.statictics_list01 th.second { background: #6595B9; color: #fff; border-bottom: 1px solid #6595B9; border-left: none; /*border-right:1px solid #fabd47;*/ }

.statictics_list01 th.leftline { border-right: none !important; }

.statictics_list01 th a { text-decoration: underline; }

.statictics_list01 td a { text-decoration: underline; }

.statictics_list01 td { height: 22px; border-bottom: 1px solid #f0ece8; border-left: 1px solid #f0ece8; text-align: right; padding: 10px 10px 10px 0; }

.statictics_list01 td.first { background: #F1F3F5; border-bottom: 1px solid #f0ece8; border-left: none; text-align: left; padding: 3px 10px 3px 20px; font-weight: 700; }

.statictics_list01 td.second { background: #F5F7F9; border-bottom: 1px solid #f0ece8; text-align: left; padding: 3px 10px 3px 20px; }

.statictics_list01 td.center { background: #FBFDFF; border-bottom: 1px solid #f0ece8; border-left: none; text-align: center; padding: 3px 10px 3px 10px; font-weight: 700; }

.statictics_list01 td.btmnone { border-bottom: none !important; }

.statictics_list01 td.topnone { border-top: none !important; }

.statictics_list01 td.leftnone { border-left: none !important; font-weight: 700; }

.statictics_list01 td.topline { border-top: 1px solid #f0ece8 !important; }

.statictics_list01 td.sectopline { border-top: 1px solid #f0ece8 !important; }

.statictics_list01 td.leftline { border-left: 1px solid #f0ece8 !important; }

.statictics_list01 td.alleft { text-align: left !important; padding-left: 20px !important; }

.statictics_list01 td.alcenter { text-align: center !important; }

.statictics_list01 td.pdleftnone { padding: 3px 0px 3px 0px !important; }

.statictics_list01 td.rank { height: 22px; border-top: 1px solid #f0ece8; border-left: 1px solid #f0ece8; text-align: right; padding: 3px 10px 3px 0; }

.statictics_list01 td.btmWhite { border-bottom: 1px solid #fff; }

.statictics_list01 td.total { background: #1f5954 !important; color: #fff; font-weight: normal; padding: 15px 10px 13px 1px; }

/*주황색 total*/
.statictics_list01 td.sub_tot { background: #DBEAEC !important; border-left-color: #fff; }

/*노란색 total*/
.statictics_list01 td.pri_tot { background: #f1efd0 !important; border-left-color: #fff; }

/*연두색 total*/
.statictics_list01 td.bus_tot { background: #E6EFE8 !important; border-left-color: #fff; }

/*파란색 total*/
.statictics_list01 td.sub_gray1 { background: #F2EFF6 !important; border-left-color: #fff; }

/*보라색 total*/
.statictics_list01 td.sub_gray2 { background: #FBF3F6 !important; border-left-color: #fff; }

/*분홍색 total*/
.statictics_list01 td.gen_tot { background: #e4e6ea !important; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }

/*회색 total*/
.statictics_list01 td.vtotal { background: #f6f6f6; padding: 3px 10px 3px 0; }

/*세로 total*/
.statictics_list01 th.first, .statictics_list01 th, .statictics_list01 th.last, .statictics_list01 td.header, .statictics_list01 td, .statictics_list01 td.first, .statictics_list01 td.center, .statictics_list01 td.right, .statictics_list01 td.total, .statictics_list01 td.last, .statictics_list01 td.btm { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; letter-spacing: 0; }

/*비정형 형태 헤더*/
.table_wrap .statictics_data .b_l_n { padding: 25px 0 0; border-left-color: #f6f6f6; }

.table_wrap .statictics_data .b_l_n h5 { border-top: 1px solid #e4ddd9; border-left: 1px solid #e4ddd9; padding: 5px 0; }

.topnone { border-top: 0 !important; }

.btmnone { border-bottom: 0 !important; }

.statictics_list01 tr:hover { background: #fafafa; }

#dev_fuel_note { border: 5px solid #f5f5f5; padding: 15px 6px; margin-top:30px; font-size: 14px; display: none;}

#dev_fuel_note li{line-height:1.2;}

.page_title {padding-top:70px;}