@charset "utf-8";

.tabs{display:flex;width:100%;margin:0 0 40px 0;}

.tabs.tab02 li{width:calc(100%/2);}
.tabs.tab03 li{width:calc(100%/3);}
.tabs.tab04 li{width:calc(100%/4);}
.tabs.tab05 li{width:calc(100%/5);}
.tabs.tab06 li{width:calc(100%/6);}

.tabs.fill{background:#EFF2F9;border-radius:10px;padding:0 20px;}
.tabs.fill .tab{width:100%;min-width:180px;height:60px;font-size:20px;font-weight:500;color:#8F96A6;}
.tabs.fill .tab.active{border-bottom:3px solid var(--primary-color);font-weight:600;color:var(--primary-color);}

/* .tabs.line{border-bottom:2px solid var(--primary-color);border-top:1px solid #CED3DE;border-radius:10px 10px 0 0;overflow:hidden;} */
.tabs.line{border:1px solid #ced3de;border-bottom:2px solid var(--primary-color);border-radius:10px 10px 0 0;}
.tabs.line .tab{position:relative;width:100%;height:50px;font-size:18px;border-right:1px solid #ced3de;}
.tabs.line .tab.active{background:#E9EEF8;color:var(--primary-color);font-weight:600;border-radius:10px 10px 0 0;}
.tabs.line .tab.active::after{position:absolute;content:"";width:calc(100% + 2px);height:calc(100% + 2px);left:-1px;top:-1px;border:2px solid var(--primary-color);border-bottom:0;border-radius:10px 10px 0 0;}
.tabs.line :last-child .tab{border-right:0;}


.tab_content{display:none;}
.tab_content.active{display:block;}