/* Sub Layout */
.sub-content-container {display: flex; flex-direction: column; flex-grow: 1;}
.sub-content-container .tab_face, .sub-content-container .pannel{display: flex;flex-direction: column;flex-grow: 0;}
.sub-content-container .cont > :where(.pannel, .tab_face):last-child { flex: 1 1 auto; min-height: 0; }
.sub-content-container .cont > :where(.pannel, .tab_face):only-child { flex: 1 1 auto; min-height: 0; }

.cont { display: flex; flex-direction: column; gap: var(--gap-lg); flex-grow:1; min-height: 0;}
.descript { padding: var(--padding-xl); display: flex; flex-direction: column; border: solid 1px var(--color-primary); border-radius: var(--radius-lg);	background-color: var(--color-white); position: relative; z-index: 10;  margin-bottom: var(--margin-lg);}
.btn_toggle { display: inline-flex; align-items: center; background: var(--color-white); border: 1px solid var(--color-primary); border-radius: var(--radius-full); padding: var(--padding-md) var(--padding-lg); width: min-content; min-width: 120px; justify-content: center; color: var(--color-primary); position: absolute; left: 50%; transform: translate(-50%, 50%); bottom: 0; gap: var(--gap-md); font-size: var(--fs-base);}
.descript_cont[hidden] {display: none;}
.descript + *:not(.btn_area){margin-top:3rem;}
.pannel {padding: var(--padding-xl);display: flex;   flex-direction: column; row-gap: var(--gap-md); border: solid 1px var(--border-dp); border-radius: var(--radius-lg); background-color: var(--color-white); position: relative;}
.pannel.row {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.pannel.center {align-items: center;}

h4, .descript_title { display: flex; align-items: center; column-gap: var(--gap-md); font-size:var(--fs-lg);; font-weight: var(--fw-semibold);}
h4 {margin-top:2rem; width: 100%;}
h4:first-child {margin-top:0;}
h4:before, .descript_title:before { border-radius: 100%; width: 34px; height: 34px; background-color: var(--color-point); display: flex !important; align-items: center; justify-content: center; color: var(--text-invert); flex-shrink: 0;}
h5{display: flex; padding:2rem 1rem 0; align-items: center;}
h4 .fr, h4 .fRight {font-size: var(--fs-base);}
h4 .fl, h4 .fLeft, h5 .fl, h5 .fLeft {font-size: var(--fs-base); margin-left:var(--margin-sm);}
fl .btn, fLeft .btn, .fr .btn, .fRight .btn {color:var(--text-invert); min-height: 3.8rem; border-radius: var(--radius-sm); display: inline-flex}
.badge_secret {display: inline-flex;margin-left: 6px;padding: 2px 3px;font-size: 1.4rem;font-weight: bold;background: var(--color-point);border-radius: 4px;vertical-align: middle;font-size: 0;color: #fff;}

/* 검색상자 */
.search_info {background: var(--bg-search-info); border:solid 1px var(--border-dp); border-radius: var(--radius-lg); position: relative; padding:var(--padding-lg); display:flex; flex-wrap:wrap; align-items:flex-start; column-gap:var(--gap-md);}
.search_info .detail_info { border:0; border-radius: 0; margin:0}
.search_info .detail_info {flex:1; min-width:0;}
.search_info .detail_info dt, .search_info .detail_info dd{border:0; background: transparent; padding: 0.4rem 0.8rem;}
.search_info .detail_info .chk_list.row {align-items: center;}
.search_info .detail_info .chk_list li label {align-items: center;}
.search_info .btn_search {flex:none; margin-top:0.3rem; min-height:3.8rem; color:var(--text-invert); padding:var(--padding-md) var(--padding-lg); border-radius: var(--radius-sm); border:0; font-size: var(--fs-base);}

/* 패널 내 검색상자 */
.pannel .search_info{border:0; padding:var(--padding-md);}

/* 간단 검색 */
.search_info.sm {background: transparent; border:0; padding: 0 8px !important; gap:var(--gap-md); display: flex;}
.search_info.sm .btn_search {position: relative; top:auto; right: auto; color: var(--text-black); background: var(--color-white); border:1px solid var(--border);}


/* 상세정보 */
.table-wrapper.edit .detail_info { border: 0; }
.detail_info { border:1px solid var(--border); border-radius: var(--radius-md); margin-top:0;}
.detail_info > div { margin-top:-1px;}
.detail_info dt { justify-content: center;}
.detail_info dt, .detail_info dd{ padding: var(--padding-lg);}
.detail_info dd select, .detail_info dd input, .detail_info dd textarea { border-radius:var(--radius-sm); border: 1px solid var(--border)}
.detail_info dd textarea {min-height:10rem}
.detail_info dd button {background: var(--bg-btn); color:var(--invert); border-radius: var(--radius-sm); padding: var(--padding-sm) var(--padding-lg); border:1px solid var(--border);}

/* 기본 테이블 / 데이터 테이블 */

.table_face, table.dataTable { border:0 solid var(--border);  }
.table_face, table.dataTable thead tr{background: var(--detailInfo-color-dt) !important;}
.table_face, table.dataTable tbody th, .table_face, table.dataTable tbody td{border:0.1rem solid var(--border);}

.dt-layout-table{border-radius: var(--radius-md);}
/* div.dt-container {border:1px solid var(--border); border-radius: var(--radius-md) !important; overflow: hidden;} */
.dt-container .dt-scroll{border:1px solid var(--border); border-radius:var(--radius-lg) !important; overflow: hidden;}
div.dt-container div.dt-layout-row{margin: 0}
div.dt-container.dt-empty-footer .dt-scroll-body{border-bottom:0;}
table.dataTable tbody tr td:last-child{border-right: 1px solid var(--border);}
tr.shown td.details-control, tr.selected td.details-control {position: relative;}
tr.shown td.details-control:after, tr.selected td.details-control:after {content:''; position:absolute; width:16px; height:16px; background: url('../../../js/itsScript/images/details_close.png') no-repeat center center; left: 50%; top: 50%; transform: translate(-50%, -50%);}
table.dataTable > tbody > tr.selected table * {color:var(--text-black);}

.dt-layout-row {border-top:1px solid var(--border);}
.dt-paging {
	button {border-radius:var(--radius-sm) !important; display: inline-flex !important; width:32px; height: 32px;}
	button:hover, button.current{background: var(--color-black) !important; }
	* {overflow: visible;}
	.first, .previous, .next, .last {font-size:0;}
}
.table-wrapper .dt-scroll {border:0;}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{color:var(--text-invert) !important;}
.dt-paging .first:before, .dt-paging .previous:before, .dt-paging .next:before, .dt-paging .last:before {
  font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; height:auto; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; margin:0 !important;}
.dt-paging .first:before {content:"\eac3"}
.dt-paging .previous:before {content:"\e314"}
.dt-paging .next:before {content:"\e315"}
.dt-paging .last:before {content:"\eac9"}

/* 모달 팝업 */
body.smartPopup #container {background: var(--color-white); padding-top:0}
body.smartPopup #container #content{flex-direction: column;}
body.smartPopup #container #content h2{padding:var(--padding-xl);background: #F3F3F3;font-size: var(--fs-lg);color: var(--text-black);height: calc(var(--padding-xl)*2 + 32px);display: flex;align-items: center;}
body.smartPopup #container #content .cont{padding:var(--padding-xl);height: calc(100vh - 60px - 64px);overflow: auto;}
body.smartPopup #container #content .btn_area {margin-top: auto; padding: var(--padding-lg);display: flex;width: 100%;}
body.smartPopup #container #content .icon_btn_close {display: inline-flex; width: 32px; height: 32px; background: var(--color-white); position: absolute; right: var(--padding-xl); top: var(--padding-xl); justify-content: center; align-items: center;}
body.smartPopup #container #content .btn_area .btn {padding:8px 20px;}

/* 강의실 */
#classRoomInfo {margin-right: 16px; background: #eff2f8; border-radius: var(--radius-md);  padding: var(--padding-lg) var(--padding-xl); border: 1px solid var(--border); display: flex; flex-direction: column; position: relative;}
.semester {font-size:1.3rem;}
.classname {font-size: var(--fs-base);font-weight:var(--fw-semibold);/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/margin-bottom:var(--margin-sm);}
.name {display: flex;align-items: center;margin:0 0 var(--margin-md);font-size: var(--fs-sm);}
#classRoomInfo .icon_btn_area {display: flex; gap: var(--padding-sm);}
#classRoomInfo .btn {padding:var(--padding-md); justify-content: center; width: 100%}
#classRoomInfo .icon_btn_message {height: 32px; border-radius:var(--radius-sm); display: flex; justify-content: center; align-items: center; background: var(--color-white);}
#classRoomInfo .icon_btn_message span {font-size:20px;}

/* =======================
   반응형 태이블 
======================= */
/* 공통 테이블 */
.table_base { width: 100%; border-collapse: collapse;}
.table_base th, .table_base td {border: 1px solid var(--border);padding: var(--padding-md); text-align: center;}
.table_base th { background: var(--detailInfo-color-dt); font-weight: 600;}
.progress { background: #f0f0f0; border-radius: 4px; overflow: hidden; height: 16px;}
.progress_bar { background: #2a7de1;  color: #fff;  text-align: center;  height: 100%;  font-size: 12px;  line-height: 16px;}
.toggle-extra { display: none; /* 버튼은 감춤 */}

 /* card style table */
.card_wrap{border:0;}
.card_wrap .table_base th, .card_wrap .table_base td {border:0; border-left: 1px solid var(--border); border-bottom: 1px solid var(--border);  padding: var(--padding-md); text-align: center;}
.card_wrap .table_base th:first-child, .card_wrap .table_base td:first-child {border-left:0;} 
.card_wrap .table_base tr:last-child td {border-bottom:0;}

.table-wrapper { border:1px solid var(--border); border-radius: var(--radius-lg); overflow-x:auto; }
.table-wrapper .table_base {min-width:100rem;}
.table-wrapper .table_base th:first-child, .table-wrapper .table_base td:first-child {border-left:0;}
.table-wrapper .table_base th:last-child, .table-wrapper .table_base td:last-child {border-right:0;}
.table-wrapper .table_base tr:first-child th {border-top:0;}
.table-wrapper .table_base tr:last-child th /*, .table-wrapper .table_base tr:last-child td, .table-wrapper .table_base th[rowspan],.table-wrapper .table_base td[rowspan] */ { border-bottom:0;}

.table-wrapper .table_base input:not([type="radio"]), .table-wrapper .table_base input:not([type="date"]), .table-wrapper .table_base select{width:100%}
.table-wrapper .webH, .table-wrapper .webHBox  {display: none;}

/* ======================= */

/* 팝업 메인 */
.main_notice_popup { position: absolute; display: flex; flex-direction: column; background: var(--color-black); padding: 0.2rem; border-radius: var(--radius-sm); overflow: hidden; max-width: 100% }
.main_notice_popup_body { background: var(--white); height: calc(100% - 3rem); border-radius: var(--radius-sm) }
.main_notice_popup_body > p { width: 100%; height: 100%; overflow-wrap: break-word; overflow-x: auto; padding: 2rem }
.main_notice_popup_stopbar { height: 3rem; display: flex; align-items: center; justify-content: space-between; font-size: 1.4rem }
.main_notice_popup_stopbar > div { display: flex; align-items: center; justify-content: space-between; color: var(--color-white) }
.main_notice_popup_stopbar > div:last-child { padding-right: 1rem }

/* tab */
.tab_face { border:1px solid var(--border); border-radius:var(--radius-lg); overflow: hidden;}
.tab_face > ul {flex-wrap: nowrap;}
/*.tab_face > ul > li{border:0.1px solid var(--border);min-width:17rem;}*/
.tab_face > ul > li{border:0.1px solid var(--border);min-width:15rem;}
.tab_face > ul > li a {padding:1rem 1.8rem; width:100%; text-align: center; border: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tab_face > ul > li:first-child{border-radius:var(--radius-lg) 0 0 0; border-left:0;  border-top:0; }
.tab_face > ul > li.current a{border:1px solid var(--color-primary); background: var(--color-primary);color:var(--text-invert);}
.tab_face > div {padding:var(--padding-xl);}

/* 버튼영역 및 버튼 */
.btn_area { display: flex; justify-content: right; margin-left:auto; flex-direction: row; flex-wrap: wrap; row-gap: 4px;}
.btn_area button {padding:var(--padding-md); border-radius: var(--radius-sm); display: inline-flex; align-items: center; font-size:var(--fs-base);}
.btn_area button:before{font-size:2rem;}
.btn, .btn_area button {padding: var(--padding-md) var(--padding-xl);}

table button {color: var(--text-black); background: var(--color-white); border:1px solid var(--border); display: inline-flex;}

/* 도트 리스트 */
.list_dot{padding: var(--padding-lg) var(--padding-xl);}
.list_dot li {position: relative;}
.list_dot > li:before {content: ''; position:absolute; background: var(--color-point); width:6px; height: 6px; top:8px; border-radius: var(--radius-full);}

/* 원숫자 리스트 */
.list_circle{padding: var(--padding-lg) var(--padding-xl); list-style: none;  padding: 8px;}
.list_circle li {counter-increment: num; position: relative; list-style-position: outside;}
.list_circle > li:before {content: counter(num); display: inline-flex; align-items: center; justify-content: center;  width: 20px; height: 20px; margin-right: 8px; border: 1px solid var(--border-dp);  border-radius: var(--radius-full); font-size: var(--fs-sm);}
.list_circle.column2 {display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap-md);}
.list_circle.column2 li{width: calc(100% / 2 - var(--gap-sm));background: var(--bg-search-info);padding: var(--padding-md);border-radius: var(--radius-md);}

/* 프로필 정보 */
.profile { }
.profile .photo { position: relative; border-radius: var(--radius-lg); overflow: hidden;}
.profile .photo img {max-width: 100%; width: 28rem; max-width:35rem}
.profile .photo button {position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 46px; height: 46px; padding: 9px; background-color: var(--color-white); border: none; bottom: 13px; right: 16px;}

input, select, textarea, button, a{border: 1px solid transparent;}
.cont select {border:1px solid var(--border);}
input:focus-visible, select:focus-visible, textarea:focus-visible,
button:focus-visible, a:focus-visible{/* color: var(--bs-body-color); */ border: 0px solid var(--color-primary); outline: 1px; box-shadow: 0 0 0 .25rem var(--color-primary-50);}
.header_nav *:focus-visible{ padding:var(--padding-md); margin:0 -var(--padding-md); border-radius: var(--radius-md); border-bottom-width: 5px;}
.leftNav .menu_list*:focus-visible { border: 1px solid var(--color-white-50); outline: 0; box-shadow: 0 0 0 .25rem var(--color-primary-50);}

.btn,.btn_line,.btn_acc,.btn_search, .user_support_btn, .leftNav *, .tab_btn, .tab_face > ul > li a, .quick_list a, .board_list li, .message_list li, .todo_list li
{
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease,
        filter 0.2s ease;
}

.btn:hover,.btn:focus-visible,
.btn_line:hover,.btn_line:focus-visible,
.btn_acc:hover,.btn_acc:focus-visible,
.btn_search:hover,.btn_search:focus-visible,
.toggle_btn:hover,.toggle_btn:focus-visible,
.week_nav button:hover,.week_nav button:focus-visible
 {
    filter: brightness(1.1);
    transform: translateY(-1px);
    box-shadow: 0 0 0 .25rem var(--color-primary-50);
    outline: 0;
}

.user_support_btn:hover,.user_support_btn:focus-visible,
.leftNav .menu_list a:hover,.leftNav .menu_list a:focus-visible{
    filter: brightness(0.94);
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(15, 35, 67, 0.18);
    outline: 0;
}
table .btn:hover,table .btn:focus-visible {box-shadow:none;}
.quick_list a:hover,.quick_list a:focus-visible
{color: var(--color-primary);transform: translateY(-1px);filter: brightness(1.1);}
.tab_btn:hover, .tab_btn:focus-visible,
.tab_face > ul > li a:hover, .tab_face > ul > li a:focus-visible {color: var(--text-invert); background:var(--color-black) !important;}

.board_list li:hover, .board_list li:focus-visible,
.message_list li:hover, .message_list li:focus-visible,
.todo_list li:hover, .todo_list li:focus-visible,
.card li:hover, .card li:focus-visible
{background: var(--bg-search-info); outline:0; outline-offset:0;}

.keywords ul, .keywords ul.list{ display: flex; gap: var(--gap-md); flex-direction: row; flex-wrap: wrap;}
.keywords ul.list{ display: flex; gap: var(--gap-sm); flex-direction: row; flex-wrap: wrap;}
.keywords ul.list li {background:var(--bg-search-info);padding: var(--padding-md) var(--padding-lg);border-radius: var(--radius-full);}
.keywords ul.list li .btn_icon {border:0; padding: 0;}
.keywords ul.list li .icon_close:after {border: 0; background: transparent;}
.keywords ul.list li .btn_icon span {font-size: 0;}
.keywords .detail_info dd input {width: auto !important;}
.keywords .detail_info dd .btn{max-height:38px;}

.ai_fuatured .btn_more {font-size: var(--fs-md); color: var(--text-gray); margin: var(--margin-xl); }

/* ---------------------- */
/* Mobile: < 767px     */
/* ---------------------- */
@media screen and (max-width: 767px) {
    html[lang^="ko"] .table-wrapper .table_base td::before{ width:25%; white-space: normal; }
    html[lang^="ko"] .table-wrapper .table_base td button.btn.btn_go {max-width: 63%;}
    html:not([lang^="ko"]) .table-wrapper .table_base td::before{ width:30%; white-space: normal;}
    html:not([lang^="ko"]) .table-wrapper .table_base td button.btn.btn_go {max-width: 60%;}
    
	.search_info .detail_info{width:100%;}
	.search_info .detail_info dt, .search_info .detail_info dd {padding:0.4rem 0}
	/* subgrid: 모바일 세로 배치 시 dt 열 정렬 */
	.search_info .detail_info.columnAuto { display:grid !important; grid-template-columns:auto minmax(0,auto) 1fr; gap:0; }
	.search_info .detail_info.columnAuto > div { display:grid !important; grid-template-columns:subgrid; grid-column:1 / -1; }
	.search_info .detail_info.columnAuto > div > dt, .search_info .detail_info.columnAuto > div > dd { width:auto !important; }
	.search_info .detail_info.columnAuto > div > dd { display:flex; flex-wrap:nowrap; align-items:center; overflow:hidden; }
	.search_info .detail_info.columnAuto > div > dd:only-of-type { grid-column:2 / -1; }
	.search_info .detail_info.columnAuto > div:not(:has(dt)) > dd:nth-child(2) { grid-column:2 / -1; }
	.search_info .detail_info.columnAuto > div:not(:has(dt)) > dd:first-child select { width:100%; }
	.detail_info.columnAuto > div{width:100%;}
	.detail_info.columnAuto dt {width:20%}
	.detail_info.columnAuto dd {width:80%}
	.search_info .btn_search{position: relative; width:100%; top:auto; right:auto; padding: var(--padding-lg); margin:0.4rem 0;}
	.search_info.sm .btn_search{width:auto; margin:0; padding: var(--padding-md);}
	
	.btn_area {gap:0.8rem;}
	.btn_area button {padding: var(--padding-lg);}
	
	/* 반응형 테이블 */
	.card_wrap .table_base th, .card_wrap .table_base td {border:0;}
	.table_base thead { display: none;	}
	.table_base,.table_base tbody,	.table_base tr,	.table_base td { display: block; width: 100%;}
	.table_base tr { margin-bottom: 16px; border: 1px solid #ddd; border-radius: 8px; padding: 12px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
	.table_base td { border: none; display: flex; justify-content: space-between; align-items: center; padding: 6px 0;}
	.table_base td::before { content: attr(data-label); font-weight: bold; margin-right: 8px; color: #333;}
	.table_base td.mobH{display: none;}
		
	.table-wrapper { border:0; border-radius: 0;}
	.table-wrapper .table_base {min-width:auto;}
	.table-wrapper .table_base tr{padding:0; border-radius: var(--radius-lg); overflow: hidden;}
	.table-wrapper .table_base td{padding: 0; border-bottom:1px solid var(--border); justify-content: flex-start; border-top:0;}
	.table-wrapper .table_base th[rowspan],.table-wrapper .table_base td[rowspan] {border-bottom:1px solid var(--border);}
	.table-wrapper .table_base td::before {width: 20%; min-width: 20%; background: var(--detailInfo-color-dt);padding: var(--padding-md) var(--padding-lg); border-right: 1px solid var(--border); text-align: left; /* height: -webkit-fill-available; */}
	.table-wrapper .table_base tr:last-child td {border-bottom:1px solid var(--border);}
	.table-wrapper .table_base td.noData {padding:var(--padding-lg); justify-content: center;}
	.table-wrapper .table_base td.noData::before {display: none;}
	.table-wrapper .table_base tr:last-child > * {border-bottom:1px solid var(--border) !important;}
	
	.table-wrapper .webHBox{display: flex; border-top: 1px solid var(--border); border-left: 1px solid var(--border); margin-bottom: 16px; border-radius: var(--radius-lg);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); flex-direction: row; flex-wrap: wrap; justify-content: space-between; font-size: var(--fs-sm); overflow: hidden;}	
	.table-wrapper .webHBox div{display: flex; flex-direction: column; flex-grow: 1;}
	.table-wrapper .webHBox dt, .table-wrapper .webHBox dd {width:100%; padding:4px 12px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); text-align: center;}
	.table-wrapper .webHBox dt {background: var(--detailInfo-color-dt); color:#333; font-weight: var(--fw-bold);}
	.table-wrapper .webHBox div:last-child dd{border-radius: 0 0 var(--radius-lg) 0}
	
	.table-wrapper .webH{display: flex; }
	
	.table_attendance td[data-label="출석현황"] { flex-direction: column; align-items: flex-start; }
	.table_attendance td[data-label="출석현황"] .progress { width: 100%;  margin-top: 4px;} 
	.table-wrapper .table_base input:not([type="radio"]), .table-wrapper .table_base input:not([type="date"]), .table-wrapper .table_base select {width:auto; margin:4px 4px 4px 0; height:32px; flex-grow: 1;}
	
	
    .table-wrapper .dt-scroll {border:0;}
    
    .detail_info dd img {width: 100% !important; height: auto !important;}
}

/* ---------------------- */
/* Tablet: 768px ~ 1024px */
/* ---------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.detail_info.columnAuto > div{width:calc(100% / 2)}
	.detail_info.columnAuto dt {width:25%}
	.detail_info.columnAuto dd {width:75%}
}

@media screen and (min-width: 768px) {
	.card_wrap {border:1px solid var(--border); border-radius:var(--radius-lg); overflow: hidden;}
	.table_base thead { display: table-header-group; }
	.table_base tr { display: table-row; }
	.table_base td, .table_base th {  display: table-cell;   /* 👈 원래대로 되돌리기 */  }
	.table_base td::before {  content: none; /* 모바일용 라벨 제거 */ }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .pannel > section { display:flex; flex-direction:column; gap:var(--gap-lg);}
    .pannel > section > div { width: 100% !important; padding: 0;} 
    .pannel > section > div .h_scroll {height: auto !important;}
}

@media (max-width: 768px) {    
    #smartPop_container {width: 100% !important; margin-top: 0 !important;}
    #smartPop_frame {width: 100% !important;}
    
    .tab_face {border:0; border-radius: 0;}
    .tab_face > ul > li {border: 0 !important; margin-right: 0; margin-top:0;}
    .tab_face > ul > li:first-child {border-radius: 0;}
    .tab_face > ul > li:first-child a {border-top:1px solid var(--border) !important;}
    .tab_face > ul > li a {border:1px solid var(--border) !important;}
}