@charset "utf-8";
/*2025 수정사항*/
.tab-button-outer_new .tab-button2 li { display: inline-block; font-size: 0.79rem; position: relative; color: #585858; width: 9.07rem; line-height: 1.875rem; margin-right: 0.25rem; border: 1px solid  #eee; overflow: inherit !important;}
.tab-button-outer_new .tab-button2 li:last-child{ margin-right: 0; }
.tab-button-outer_new .tab-button2 li a{ display: block; text-align: center; font-weight: 700; }
.tab-button-outer_new .tab-button2 li.is-active { background-color: #007684; border: 1px solid  #007684; background-size: 0.58rem auto; position: relative;}
.tab-button-outer_new .tab-button2 li.is-active:before{position: absolute; content:""; border-top: 10px solid #007684; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid #fff; bottom:-10px; left:50%; transform: translateX(-50%);}
.tab-button-outer_new .tab-button2 li.is-active a{ color: #fff; }


.tab04 ul{ border-bottom: 1px solid #000; }
.tab04 ul li{display: inline-block;  padding: 1rem 1.33rem;  border-bottom: 3px solid transparent; font-size: 0.75rem; }
.tab04 ul li.active{ border-bottom: 3px solid #03a3e9;  }
.tab04 ul li a{ color: #333; display: block; font-weight: 700; }
.tab04 ul li.active a{ color: #03a3e9;  }

@media (max-width: 850px) {
    .tab04 ul li{ width: 25%; padding: 1rem 0; text-align: center; }    
}
@media (max-width: 768px) {
    .tab04 ul li{ width: 50%; position: relative; font-size: 0.85rem; }
    .tab04 ul li:after{ content: '';display: block; width: 100%; height: 1px; background-color: #000; position: absolute; bottom: -3px; left: 0; }
    .tab04 ul{ border-bottom: none; }    
}