/* 서브페이지 페이징 텝 */
.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: 1px;}
.page-tab-2-a ul li a {display: block;color: #101010;text-align: center;padding: 15px 10px;}
.page-tab-2-a ul li.active, .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 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% - 2px) / 2);}
.tab-col-3 ul li {width: calc((100% - 3px) / 3);}
.tab-col-4 ul li {width: calc((100% - 4px) / 4);}
.tab-col-5 ul li {width: calc((100% - 5px) / 5);}
.tab-col-6 ul li {width: calc((100% - 6px) / 6);}
.tab-col-7 ul li {width: calc((100% - 7px) / 7);}
.tab-col-8 ul li {width: calc((100% - 8px) / 8);}

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