/* 서브페이지 페이징 텝 */
.page-tab-1 {background-color: transparent;border-bottom: 1px solid #cacaca;}
.page-tab-1.bg-none {background-color: transparent;margin-bottom: 30px;border-bottom: 0;}
.page-tab-1 ul {border-left: 1px solid #cacaca;display: flex;flex-wrap: wrap;margin-bottom: -1px;width: 100%;}
.page-tab-1 ul.second {border-top: 1px solid #cacaca;}
.page-tab-1 ul li {background-color: #fff;border-right: 1px solid #cacaca;border-bottom: 1px solid #cacaca;}
.page-tab-1 ul li a {display: block;color: #101010;text-align: center;padding: 15px 10px;}
.page-tab-1 ul li.active, .page-tab-1 ul li:hover {background-color: #323232;border-bottom: 1px solid #323232;}
.page-tab-1 ul li.active a, .page-tab-1 ul li:hover a {color: #fff;}
.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;}
}
@media only screen and (max-width: 1199px) {
    .tab-col-5 ul li {width: calc(100% / 3);}
    .tab-col-6 ul li {width: calc(100% / 3);}
}
@media only screen and (max-width: 640px) {
    .page-tab-1 ul li a {padding: 10px 5px;}
}