.tab-basic-1 {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2.8em;
    width: 100%;
}
.tab-content {
    width: 100%;
    display: none;
}
.tab-basic-1-btn-1 ul {display: flex;flex-wrap: wrap;margin-bottom: 0;width: 100%;row-gap: 0;margin-top: -1px;}
.tab-basic-1-btn-1 ul li {background-color: #fff;outline: 1px solid #cacaca !important;float: left;flex: unset;margin-top: 1px;margin-right: 1px;}
.tab-basic-1-btn-1 ul li span {display: block;color: #101010;text-align: center;padding: 15px 10px;}
.tab-basic-1-btn-1 ul li.active, .tab-basic-1-btn-1 ul li:hover {background-color: #303030;outline: 1px solid #303030 !important;z-index: 1;cursor: pointer;}
.tab-basic-1-btn-1 ul li.active span, .tab-basic-1-btn-1 ul li:hover span {color: #fff;}
.tab-basic-1-btn-1 ul li.active span {font-weight: 600;}
.tab-basic-1-btn-1.tab-btn-2 ul li {width: calc((100% - 2px) / 2);}
.tab-basic-1-btn-1.tab-btn-3 ul li {width: calc((100% - 3px) / 3);}
.tab-basic-1-btn-1.tab-btn-4 ul li {width: calc((100% - 4px) / 4);}
.tab-basic-1-btn-1.tab-btn-5 ul li {width: calc((100% - 5px) / 5);}
.tab-basic-1-btn-1.tab-btn-6 ul li {width: calc((100% - 6px) / 6);}
.tab-basic-1-btn-1.tab-btn-7 ul li {width: calc((100% - 7px) / 7);}
.tab-basic-1-btn-1.tab-btn-8 ul li {width: calc((100% - 8px) / 8);}

.tab-basic-1-sec {
    display: flex;
    flex-wrap: wrap;
    row-gap: 6em;
    width: 100%;
    column-gap: 40px;
}
.tab-basic-1-sec .order-1 {
    width: 100%;
}
.tab-basic-1-sec .order-2 {
    width: 100%;
}
.tab-basic-1-sec .tab-basic-1-sec-con .con-box-1 {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.4em;
    width: 100%;
    padding-top: min(6.3vw, 50px);
}


/* 공통 */
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
    .tab-basic-1-btn-1 ul li span {font-size: 18px;}
}
@media only screen and (max-width: 1200px) {
    br.br1200 {display: none;}
}
@media only screen and (max-width: 1199px) {
    .tab-basic-1-btn-1.tab-btn-5 ul li {width: calc(100% / 3);}
    .tab-basic-1-btn-1.tab-btn-6 ul li {width: calc(100% / 3);}
    .tab-basic-1-btn-1.tab-btn-7 ul li {width: calc(100% / 4);}
    .tab-basic-1-btn-1.tab-btn-8 ul li {width: calc(100% / 4);}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 640px) {
    .tab-basic-1-btn-1 ul li span {padding: 10px 5px;}
    .tab-basic-1-sec .order-1 {
        width: 100%;
    }
    .tab-basic-1-sec .order-2 {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}