@charset "UTF-8";



body { min-width: 1440px; }
body { font-family: 'NotoSansCJK KR', 'Noto Sans KR' !important; }

.body_wrap { max-width: 1440px; }



.filter_fire { 
    position: absolute; 
    right:  0;
    bottom: 0; 
    width: 112px;
    height: 72px;
    border: 1px solid #cfcfcf;
    background: #e5f0ef; 
    .button-wrap {
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex; 
        justify-content: center;
        align-items: center;
        height: 72px;
        img {
            width: 30px;
            height: 30px;
            object-fit: contain;
        }
        button { 
            /* position: relative; */
            
            color: #000; 
            font-size: 22px; 
            font-weight: 600; 
            white-space: nowrap;
            
        }
        button:hover {
            border-color: #16867d;
        }
    }
}


.statistics_table_wrap .filter_wrap .filter_fire button:hover { border-color: #16867d; }

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

.statistics_table_wrap .filter_wrap .filter_tit { font-size: 20px; font-weight: 600; text-align: center; }

.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; }

.filter_con
.statistics_table_wrap .filter_wrap .txt_year { margin-right: 12px; font-size: 15px; font-weight:300;}

.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 {  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: 1px solid #cfcfcf ;color:#000;/*font-size:15px;*/font-size:17px;font-weight: 300; -webkit-transition: .3s; transition: .3s; }

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

.statistics_table_wrap .filter_wrap .dev_origin span {color: #16867d; font-weight: 500;}

.statistics_table_wrap .filter_wrap .filter_radio span:hover { border-color: #16867d;  }

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

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

.filter_list.free::after { 
    position: absolute;
    top: 5px;
    content: 'FREE'; 
    display: inline-block; 
    font-size: 18px;  
    font-weight: 600; 
    border: 1px solid #cfcfcf; 
    padding: 8px 22px; 
    border-radius: 18px; 
    vertical-align: bottom; 
}

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

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

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

.statistics_table_wrap {
    .filter_wrap { 
        border: 10px solid #f5f5f5; 
        padding: 20px 15px;
         margin-bottom: 90px; 
         position: relative; 
         .filter_row {
            align-items: center;
            .filter_tit {
                width: 160px;
                text-align: left;
            }
            .filter_con {
                display: flex;
                gap: 6px;
                align-items: center;
                .is_inp {
                    margin: 0;
                }
                .filter_radio {
                   line-height: 1;
                   margin: 0;
                   /*width: 115px;*/width: 125px;
                   height: 53px;
                   cursor: pointer;
                   display: flex;
                   background-color: #fff;
                   justify-content: center;
                   align-items: center;
                   border: 1px solid #cfcfcf;
                   span {
                       border: none;
                       font-weight: 500;
                       text-align: center;
                   }
                   
               }
               .filter_radio:has(input:checked) {
                   background-color: #1f5954;
                   
                }
                .txt_year, .txt_month {
                    /*font-size: 15px;*/font-size: 20px;
                    font-weight: 500;
                   }
            }
         }
    }
} 
.filter_wrap.horizontal_type {
    padding: 15px 20px 15px 15px;
    display: flex;
    justify-content: space-between;
    .filter_row {
        flex-direction: row;       
    }
    .filter_fire {
        position: relative;
        padding: 2px 0;
        margin-left: 16px;
        box-sizing: border-box;
        width: initial;
        height: initial;
        border: none;
        background-color: initial;
        button {
            position: absolute;
            top: 5px;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding: 80px 35px ;   
            border: 1px solid #cfcfcf;
            background: #e5f0ef;
            img {
                width: 30px;
                height: 30px;
            }
            span {
                font-size: 22px;
                font-weight: 700;
                white-space: nowrap;
            }
        }
    }
    .filter_fire::before {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        left: -210px;
        height: 190px;
        border-left: 1px solid #cfcfcf;
        content: '';
    }
}

.filter_wrap.new_registration {
    padding: 16px;
    .filter_setting {
        display: grid;
        grid-template-columns: 495px 393px 480px;
        .filter_row {
            padding: 0;
            width: 100%;
            height: 100%;
            gap: 20px;
            + .filter_row {
                height: 100%;
                border-left: 1px solid #c6c6c6;
            }
            .filter_tit {
                width: 100%;
                text-align: center;
            }
            .filter_con {
                display: grid;
                gap: 7px;
                grid-template-columns: repeat(4, 1fr);
                /* width: 480px; */
                .filter_radio {
                    margin: initial;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 110px;
                    height: 53px;
                    background-color: #fff;
                    border: 1px solid #cfcfcf;
                    text-align: center;
                   
                    span {
                        padding:0;
                        width: fit-content;
                        height: fit-content;
                        line-height: 18px;
                        border: none;
                        font-weight: 500;
                        color: #000;
                    }
                    input:checked + span {
                        background-color: initial;
                        color: #fff;
                    }
                }
                .filter_radio:hover { border-color: #1f5954;  }
                .filter_radio:has(input:checked) {
                    background-color: #1f5954;
                }
                .is_inp { 
                    flex:1;
                    + span {
                        /*padding-top: 15px;*/
                    }
                }
                .is_year {
                    width: 90px;
                }
                .is_month {
                    width: 74px;
                }
            }
        }
        .filter_row:nth-of-type(1){
            padding-right: 16px
        }
        .filter_row:nth-of-type(2){
            /* padding: 0 16px; */
            .filter_con {
                grid-template-columns: repeat(3, 1fr);
                width: 360px
            }
        }
        .filter_row.step3_period{
            padding-left: 16px;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 19px 54px;
            .filter_tit {
                grid-column: 1 / 2;
                grid-row: 1 / 2;
                width: 100%;
                text-align: center;
            }
            .filter_con, #dev_term {
                width: 220px;
                grid-column: 1 / 2;
                grid-row: 2 / 3;
            }
            #dev_term {
                display: flex;
                justify-self: end;
                align-items: center;
                width: 245px;
            }
            .dev_term {
                margin-left: 3px;
                margin-right: 18px;
            }
            .filter_con {
                display: flex;
                gap: 6px;
                .txt_year, .txt_month {
                    /*font-size: 15px;*/font-size: 20px;
                }
                .is_year {
                    width: 60px ;
                    min-width: 60px;
                }
                .is_month {
                    width: 50px ;
                    min-width: 50px;
                    max-width: 70px;
                }
            }
        }
        .filter_row.step4_area{
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 34px 53px;
            gap: 0;
            padding: 0;
            .filter_con {
                display: flex;
                gap: 10px;
            }
            .filter_tit {
                grid-column: 1 / 2;
                grid-row: 1 / 2;
            }
            .filter_con:nth-of-type(1), .filter_con:nth-of-type(2) {
                width: 236px;
                grid-column: 1 / 2;
                grid-row: 2 / 3;
            }
            .filter_con:nth-of-type(1) {

            }
            .filter_con:nth-of-type(2) {
                justify-self: end;
            }
        }
    }
    .filter_fire {
        right: 16px;
        bottom: 16px;
        width: 483px;
        height: 70px;
        border: initial;
        background-color: initial;
        .link-wrap {
            a {
                border: 1px solid #cfcfcf;
                background: #e5f0ef;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 10px;
                width: 477px;
                height: 70px;
                font-size: 26px;
                font-weight: 600;
            }
            img {
                width: 30px;
                height: 30px;
                object-fit: contain;
            }
        }
    }
}

.trade_list {
    .filter_wrap.horizontal_type {
        .filter_fire {
            button {
                padding: 45px 35px !important; 
            }
        }
    }
}

.scrapping_list, .new_regist_list_by_cv {
    .filter_wrap.horizontal_type {
        .filter_fire {
            button {
                padding: 50px 35px !important; 
                white-space: nowrap;
                font-weight: 700;
            }
        }
        .filter_fire::before {
            left: -225px;
            height: 123px;
        }
    }
}
.new_regist_list_by_cv  {
    .filter_row:last-child {
        .filter_con {
            .txt_year {
                margin-right: 4px;
            }
        }
    }
}
.kaida_share_list {
    .statistics_table_wrap {
        .filter_wrap {
            .filter_tit {
                width: 130px ; 
            }
            .filter_tit.mfilter.ml_60 {
                margin-right: 55px;
            }
        }
        .filter_fire {
            button {
                padding: 16px 35px !important; 
                white-space: nowrap;
            }
        }
        .filter_fire::before {
            left: -162px;
            height: 50px;
        }
    }
}
.kaida_share_list {
    .filter_fire::before {
        top: 37px !important;
        left: -210px !important;
        height: 63px !important;
    }
}
.trade_list {
    .filter_fire::before {
        top: 7px !important;
        transform: initial !important;
        left: -210px !important;
        height: 120px !important;
    }
}
.scrapping_list {
    .filter_row:first-child {
        .filter_con {
            gap: 30px;
            .en & {
                gap: 5px;
            }
        }
    }
    .filter_row:last-child {
        .txt_year {
            margin-right: 7px;
        }
    }

    .filter_fire::before {
        top: 6px !important;
        transform: initial !important;
        left: -210px !important;
        height: 130px !important;
    }
}
.scrapping_list {
    #dev_term {
        display: flex;
        align-items: center;
        .dev_term {
            margin: 0;
            padding: 0 10px;
        }
    }
}



.new_regist_list_by_cv {
    .filter_radio {
        width: 136px !important;
        span {
            white-space: nowrap !important;
        }
    }
    
}
.en {
    .new_regist_list_by_cv {
        .filter_fire::before {
            top: 73px;
            left: -203px !important;
            height: 130px !important;
        }
    }
    .scrapping_list, .trade_list, .kaida_share_list {
        .filter_fire::before {
            left: -203px !important;
        }
    }
    .filter_con {
        .is_month {
            max-width: initial !important;
        }
    }
    .statistics_table_wrap .is_inp {
        width: 137px; 
       }
}
.excel_down { position: absolute; right: 0;font-family:'NotoSansCJK KR' 'Noto Sans KR'; font-weight:500; border: 1px solid #cfcfcf ; padding: 10px 0;width: 160px; font-size:16px; color:#000; -webkit-transition: .3s; transition: .3s; }

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

.excel_down:hover { border-color: #16867d; }

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

.statistics_pop .filter_list .excel_down { border-color: #cfcfcf ; 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 #cfcfcf; 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: 30px; box-sizing: border-box;border: 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; font-size: 18px; font-weight: 400; line-height: 26px; }

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

.statistics_pop .join_box .join_lnk_btn {
     width: 240px; position: absolute; right: 30px; top: 50%; transform:translateY(-50%); display: flex; justify-content: center;
     align-items: center; height: 60px; line-height: 60px; background-color: #16867d; color: #fff; 
img {
    width: 17px;
    height: 21px;
}
}

/* .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; /*추가*/ }

.statictics_data .pop_head {    margin-top: 15px;}


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

.statictics_list01 th {/* background: #f3f3f3;*/background: #e5f0ef;  border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; 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 #1f5954; border-left: none; /*border-right:1px solid #fa9446;*/ }

.statictics_list01 th.second { background: #4d9791; color: #fff; border-bottom: 1px solid #4d9791; /*border-right:1px solid #fabd47;*/ }
/*.statictics_list01 th.second { background: #4d9791; color: #fff; border-bottom: 1px solid #4d9791; 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 { 
    padding: 10px 10px 10px 0; 
    height: 22px; 
    border-bottom: 1px solid #cfcfcf; 
    border-left: 1px solid #cfcfcf; 
    text-align: right;
    font-family: 'NotoSansCJK KR';
    font-weight: 400;
    }

.statictics_list01 td.first { background: #ebf3f3; border-left: none; text-align: left; padding: 3px 10px 3px 10px; font-weight: 700; /*border-top:1px solid #cfcfcf;*/}

.statictics_list01 td.second {/* background: #f2fcfc;*/background:#f3f3f3;  border-bottom: 1px solid #cfcfcf; text-align: left; padding: 3px 10px 3px 10px; }

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

/*
.statictics_list01 td.btmnone { 
    border-bottom: 1px solid #cfcfcf !important; 
}*/

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

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

.statictics_list01 td.others { background-color: #f3f3f3; }

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

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

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

.statictics_list01 td.alleft { text-align: left !important; /*padding-left: 20px !important;*/padding-left: 10px !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 #cfcfcf; border-left: 1px solid #cfcfcf; text-align: right; padding: 3px 10px 3px 0; }

.statictics_list01 td.btmWhite { border-bottom: 1px solid #fff; }
.total.btmnone.leftnone.alleft {font-weight:600}
.statictics_list01 td.total { /*background: #1f5954 !important;*//*background: #dcdcdcbf !important;*/background: #cdc8c899 !important; /*color: #fff;*/ font-weight: bold; padding: 15px 10px 13px 1px; }
.statictics_list01 td.pri_tot {border-top: 1px solid #cfcfcf !important}

/*주황색 total*/
.statictics_list01 td.sub_tot { /*background: #dbedeb !important;*//*background: #CADEDE !important;*/background: #DFDFDF !important; border-left-color: #cfcfcf; border-top: 1px solid #cfcfcf}

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

/*연두색 total*/
/* .statictics_list01 td.bus_tot { background: #def5e2 !important; border-left-color: #cfcfcf; border-top: 1px solid #cfcfcf; } */
.statictics_list01 td.bus_tot { background: #e6e6e6 !important; border-left-color: #cfcfcf; border-top: 1px solid #cfcfcf; }

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

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

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

/*회색 total*/
.statictics_list01 td.vtotal { background: #f3f3f3; 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: #cfcfcf; }

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

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

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

.statictics_list01 tr:hover { background: #fafafa; }
/* .statictics_list01 {
    tbody {
        tr:nth-of-type(1) {
            th:nth-of-type(3), th:nth-of-type(5), th:nth-of-type(7) {

                border-bottom: 1px solid #000;
            }

        }
        tr:nth-of-type(2) {
            th {
                border-bottom: 1px solid #000;
            }
        }
    }
} */
.total_regist_list {
    .statictics_list01 {
        tbody {
            tr:nth-of-type(1) {
                th:nth-of-type(3) {
                    border-bottom: 1px solid #cfcfcf;
                }
                /* th:nth-of-type(4) {
                    border-bottom: 1px solid #000;
                } */

            }
        }
    }
}
.kaida_share_list {
    .filter_list {
        padding-bottom: 26px;
    }
    .statictics_list01 {
        tbody {
            tr:nth-of-type(1) {
                th:nth-of-type(3) {
                    border-bottom: 1px solid #cfcfcf;
                }
                /* th:nth-of-type(4) {
                    border-bottom: 1px solid #000;
                } */

            }
        }
    }
}
.trade_list {
    .statictics_list01 {
        tbody {
            tr{
               /* th {
                border-bottom: 1px solid #000;
               } */

            }
        }
    }
}

.scrapping_list {
    .statictics_list01 {
        tbody {
            tr:nth-of-type(1) {
                th:nth-of-type(3) {
                    border-bottom: 1px solid #cfcfcf;
                }
                /* th:nth-of-type(4) {
                    border-bottom: 1px solid #000;
                } */
            }
        }
    }
}

.en .statistics_table_wrap .filter_wrap .filter_radio span {font-size: 14px;}
 
#dev_fuel_note { border: 5px solid #f5f5f5; padding: 15px 6px; margin-top:30px; font-size: 15px; display: none;}

#dev_fuel_note li{line-height:1.2;}