/* 서브페이지 페이징 텝 */
.page-tab-2-a {
    background-color: transparent;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}
.page-tab-2-a ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 1px;
    margin: 0;
    background-color: #cacaca;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    justify-content: space-between;
}
.page-tab-2-a ul li {
    background-color: #fff;
    flex: unset;
    border: none;
    outline: none !important;
}
.page-tab-2-a ul li a {
    display: block;
    color: #101010;
    text-align: center;
    padding: 15px 10px;
    font-size: min(3.3333333333333335vw,18px);
}
.page-tab-2-a ul li.active, .page-tab-2-a ul li:hover {background-color: #303030;z-index: 1;}
.page-tab-2-a ul li.active a, .page-tab-2-a ul li:hover a {color: #fff;}
.page-tab-2-a ul li.active a {font-weight: 600;}
.tab-col-2 ul li {width: calc((100% - 1px) / 2);}
.tab-col-3 ul li {width: calc((100% - 2px) / 3);}
.tab-col-4 ul li {width: calc((100% - 3px) / 4);}
.tab-col-5 ul li {width: calc((100% - 4px) / 5);}
.tab-col-6 ul li {width: calc((100% - 5px) / 6);}
.tab-col-7 ul li {width: calc((100% - 6px) / 7);}
.tab-col-8 ul li {width: calc((100% - 7px) / 8);}

@media only screen and (min-width: 1200px) {
}
@media only screen and (max-width: 1199px) {
    .page-tab-2-a .container {padding-left: 0;padding-right: 0;}
    .page-tab-2-a .container .row {margin-left: 0;margin-right: 0;}
    .page-tab-2-a .container .row .col-lg-12 {padding: 0;}
    .page-tab-2-a ul {
        border-left: 0;
        border-right: 0;
    }
    .tab-col-5 ul li {width: calc((100% - 2px) / 3);}
    .tab-col-6 ul li {width: calc((100% - 2px) / 3);}
    .tab-col-7 ul li {width: calc((100% - 3px) / 4);}
    .tab-col-8 ul li {width: calc((100% - 3px) / 4);}
}
@media only screen and (max-width: 991px) {
    .page-tab-2-a .container {width: 100%;}
    .page-tab-2-a .container .row {margin-left: 0;margin-right: 0;}
}
@media only screen and (max-width: 640px) {
    .page-tab-2-a ul li a {padding: 10px 5px;}
}
@media only screen and (max-width: 480px) {
    .page-tab-2-a ul li a {
        font-size: min(3.5714285714285716vw,16px);
    }
}