/* 서브페이지 페이징 텝 */
.page-tab-1 {background-color: #323232;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: -1px;;margin-bottom: -1px;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: #323232;border: 1px solid #cacaca;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 transparent;
        background-color: transparent;
        border-bottom: 0;
    }
    .page-tab-1 ul li {
        background-color: transparent;
        border: 0;
        position: relative;
    }
    .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.active:after, .page-tab-1 ul li:hover::after {
        height: 4px;
        left: 0;
        background-color: #1e4c5e;
        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;}
}