@charset "utf-8";

.scroll table {
    border:0;
    border-spacing:0px;
    border-collapse:collapse;
    table-layout:fixed;
    width:100%;
}

.scroll table {
    border-radius:30px;
    overflow: hidden;
}
.scroll table tr th,
.scroll table tr td {
    border:2px solid #fff;
    padding:15px;
    line-height:1.65;
    font-size:0.88em;
    text-align:center;
}
.scroll table thead tr th {
    border-bottom:none;
    background-color:#D7EDFF;
    font-weight:600;
    color:#000;
}
.scroll table tr td {
    background-color:#F9F9F9;
}
.scroll table tbody tr td.table_text_left {
    text-align:left;
    font-size:0.88em;
}
.scroll table tbody tr td .table_in_box {
    background-color: #fff;
    padding: 3px 10px;
    border-radius: 999px;
    width: fit-content;
    margin: auto;
    margin-top: 2px;
}
.scroll table tbody tr td .table_in_box p {}

.scroll table.color_table tr th,
.scroll table.color_table tr td {
    border-color:#f9f9f9;
}
.scroll table.color_table tr td {
    background-color:#fff;
}
.scroll table.color_table tr td p {
}

.scroll::-webkit-scrollbar{
    height:10px;
}
.scroll::-webkit-scrollbar-thumb{
    background-color: #d6d6d6;
}
.scroll::-webkit-scrollbar-track {
    background-color:#ebebeb;
}

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

.scroll .scroll_tb p {
    font-size:0.68em!important;
    color:#555;
}


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

@media (max-width:1440px) {}
@media (max-width:1200px) {}
@media (max-width:1024px) {
    .scroll {
        overflow-x:scroll;
    }
    .scroll .scroll_wd {
        width:1200px;
        margin-bottom: 10px;
    }
    .scroll .scroll_tb {
        display:block;
    }
}
@media (max-width:991px) {}
@media (max-width:768px) {
    .scroll .scroll_wd {
        width:991px;
        margin-bottom: 10px;
    }
}
@media (max-width:640px) {
    .scroll .scroll_wd {
        width:720px;
    }
    .scroll table tr td {
        padding:15px 5px;
    }
}
@media (max-width:480px) {
    
}
@media (max-width:320px) {}