@charset "utf-8";

table {
    border:0;
    border-spacing:0px;
    border-collapse:collapse;
    table-layout:fixed;
    width:100%;
}
table tr th,
table tr td {
    border:1px solid #ddd;
    padding:10px;
    font-size:0.88rem!important;
    text-align:center;
}
table thead tr th {
    border-bottom:none;
    border-top:2px solid #4e68a4;
    background-color:#F8F8FF;
    font-weight:600;
}
table .table_text_left {
    text-align:left;
}

table tr td p {
    display:flex;
    align-items:flex-start;
    gap:5px;
    font-size:0.88rem!important;
}

.scroll::-webkit-scrollbar,
.short_scroll::-webkit-scrollbar  {
    height:10px;
}
.scroll::-webkit-scrollbar-thumb,
.short_scroll::-webkit-scrollbar-thumb {
    background-color: #999;
}
.scroll::-webkit-scrollbar-track,
.short_scroll::-webkit-scrollbar-track {
    background-color:#ccc;
}

.scroll_tb,
.short_scroll_tb {
    text-align:center;
    border:1px solid #ededed;
    margin-bottom:10px;
    padding:3px;
    display:none;
}

.scroll_tb p,
.short_scroll_tb p {
    font-size:12px!important;
    color:#777;
}



/*---------------반응형 미디어쿼리----------------*/

@media (max-width:1440px) {


}

@media (max-width:1200px) {

}

@media (max-width:1024px) {

    .scroll {
        overflow-x:scroll;
     
    }
    .scroll_wd {
        width:1200px;
        margin-bottom: 10px;
    }
    .scroll_tb {
        display:block;
    }

}

@media (max-width:991px) {}

@media (max-width:768px) {
    .scroll_wd {
        width:991px;
    }

    table tr th,
    table tr td {
        padding:3px 5px;
    }
}

@media (max-width:640px) {
    .scroll_wd {
        width:768px;
    }

    .short_scroll {
        overflow-x:scroll;

    }
    .short_scroll_wd {
        width:768px;
        margin-bottom: 10px;
    }
    .short_scroll_tb {
        display: block;
    }
}
@media (max-width:480px) {
    .scroll_wd {
        width:640px;
    }
}
@media (max-width:320px) {

}