/* 서브페이지 페이징 텝 */
.page-tab-1 {
    background-color: #101010;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}
.page-tab-1.bg-none {
    background-color: transparent;
    margin-bottom: 30px;
    border-bottom: 0;
}
/*
.page-tab-1 ul {margin-top: -1px;;margin-bottom: -1px;width: 100%;display: table;border-collapse: collapse;}
*/
.page-tab-1 ul {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1px;
}
.page-tab-1 ul.second {border-top: 1px solid #cacaca;}
.page-tab-1 ul li {
    flex: unset;
    background-color: #101010;
    outline: 1px solid #cacaca !important;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.page-tab-1 ul li a {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
}
.page-tab-1 ul li.active, .page-tab-1 ul li:hover {background-color: #FFF;}
.page-tab-1 ul li.active a, .page-tab-1 ul li:hover a {color: #101010;font-weight: 700;}
.tab-col-2 ul li {width: calc(100% / 2);}
.tab-col-3 ul li {width: calc(100% / 3);}
.tab-col-4 ul li {width: calc(100% / 4);}
.tab-col-5 ul li {width: calc(100% / 5);}
.tab-col-6 ul li {width: calc(100% / 6);}

@media only screen and (min-width: 1200px) {
    .page-tab-1 {
        border-top: 1px solid rgba(0,0,0,0.1);
        background-color: transparent;
        border-bottom: 0;
    }
    .page-tab-1 ul {
        margin-top: 0;
    }
    .page-tab-1 ul li {
        background-color: transparent;
        border: 0;
        position: relative;
        outline: 0 !important;
    }
    .page-tab-1 ul li:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1%;
        height: 4px;
        background-color: transparent;
        content: "";
        transition: all 300ms ease;
    }
    .page-tab-1 ul li a {
        font-size: 20px;
        color: #727272;
        font-weight: 700;
        padding: 30px 10px;
    }
    .page-tab-1 ul li:hover::after {
        height: 4px;
        left: 0;
        background-color: #303030;
        width: 100%;
    }
    .page-tab-1 ul li.active:after, .page-tab-1 ul li.active:hover::after {
        height: 4px;
        left: 0;
        background-color: #dc2525;
        width: 100%;
    }
}
@media only screen and (max-width: 1199px) {
    .page-tab-1 .container {width: 100%;padding: 0;}
    .page-tab-1 .container .row {margin-left: -1px;margin-right: -1px;}
    .page-tab-1 .container .row .col-lg-12 {padding: 0;}
    .tab-col-5 ul li {width: calc(100% / 3);border: unset;outline: 1px solid #cacaca !important;}
    .tab-col-6 ul li {width: calc(100% / 3);border: unset;outline: 1px solid #cacaca !important;}
}
@media only screen and (max-width: 640px) {
    .page-tab-1 ul li a {padding: 10px 5px;}
}