/* 서브페이지 페이징 텝 */
.page-tab-2-a {background-color: transparent;border-top: 1px solid hsl(0, 0%, 79%);border-bottom: 1px solid #cacaca;}
.page-tab-2-a ul {display: flex;flex-wrap: wrap;margin-bottom: 0;width: 100%;row-gap: 0;margin-top: -1px;}
.page-tab-2-a ul li {
    background-color: #fff;
    outline: 1px solid #cacaca !important;
    float: left;
    flex: unset;
    margin-top: 1px;
    margin-right: 0;
}
.page-tab-2-a ul li a {
    display: block;
    color: #101010;
    text-align: center;
    padding: 15px 10px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.page-tab-2-a ul li:hover {
    background-color: #303030;
    outline: 1px solid #303030 !important;
    z-index: 1;
}
.page-tab-2-a ul li.active {
    background-color: #107897;
    outline: 1px solid #107897 !important;
    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% / 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);}
.tab-col-7 ul li {width: calc(100% / 7);}
.tab-col-8 ul li {width: calc(100% / 8);}

@media only screen and (min-width: 1200px) {
    .page-tab-2-a ul li a {
        font-size: min(3.3333333333333335vw,18px);
        letter-spacing: -0.03em;
    }
}
@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;}
    .tab-col-5 ul li {width: calc(100% / 3);}
    .tab-col-6 ul li {width: calc(100% / 3);}
    .tab-col-7 ul li {width: calc(100% / 4);}
    .tab-col-8 ul li {width: calc(100% / 4);}
    .page-tab-2-a ul li a {
        letter-spacing: -0.03em;
    }
}
@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;}
}