/* 서브페이지 페이징 텝 */
.page-tab-1 {background-color: #303030;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.second {border-top: 1px solid #cacaca;}
.page-tab-1 ul li {background-color: #303030;border: 1px solid #cacaca;display: table-cell;}
.page-tab-1 ul li a {display: block;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 ul li a {font-size: 18px;}
    .page-tab-1 ul li.active {border-bottom: 1px solid #fff;}
}
@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;display: inline-block;}
    .tab-col-6 ul li {width: calc(100% / 3);border: unset;outline: 1px solid #cacaca !important;display: inline-block;}
}
@media only screen and (max-width: 640px) {
    .page-tab-1 ul li a {padding: 10px 5px;}
}