tolag3/fairnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/10/24 분쟁조정관리 > 분쟁사건 처리관리 상세 디자인 수정

Browse Source
This commit is contained in:
subsub 2024-10-24 18:23:46 +09:00
parent c1672730a7
commit ab047bfeef
6 changed files with 1435 additions and 1318 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

661
src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp
View File

File diff suppressed because it is too large Load Diff

2
src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/trublprocessmngList.jsp
View File

@ -186,7 +186,7 @@ function clipCall(crfNm){
<table>
<caption>분쟁사건에 대한 처리관리 목록화면 입니다.</caption>
<colgroup>
<col class="title7">
<col class="title10">
<col class="title7">
<col class="title7">
<col class="title15">

99
src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublreqstmng/administView.jsp
View File

@ -326,6 +326,7 @@ $(document).ready(function(){
$(document).on('click', '.cs-toggle-btn', function() {
var selected = $(this);
selected.next().toggle();
selected.toggleClass("active");
});
/**
@ -1085,7 +1086,7 @@ function showConsignmentGubun(){
<input type="hidden" id="fileFuncType" name="fileFuncType" value="trublreqstmng"/>
<div class="cs-container">
<h2 class="mt20 title depth01">분쟁사건 배정현황</h2>
<p class="help-block mt30 ar"><span class="cs-essential">＊</span>표기는 필수 입력사항</p>
<p class="help-block mt30 ar"><span class="reqArea"></span>표기는 필수 입력사항</p>
<div class="bbs-view-layout" style="margin-bottom: 20px;">
<div class="bbs-view-item">
<p class="item-title no-bullet">조정유형</p>
@ -1234,7 +1235,7 @@ function showConsignmentGubun(){
<%-- <h3 class="mb10 mt30">담당부서배정</h3>
<div class="bbs-view-layout">
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>부서명</p>
<p class="item-title no-bullet"><span class="reqArea"></span>부서명</p>
<div class="item-box">
<input type="hidden" id="presidentAssign" name="presidentAssign" value="${recptmsData.scchfAssign}"/>
${recptmsData.scchfAssignName}
@ -1247,7 +1248,7 @@ function showConsignmentGubun(){
<h3 class="mb10 mt30">담당부서배정</h3>
<div class="bbs-view-layout">
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>부서명</p>
<p class="item-title no-bullet"><span class="reqArea"></span>부서명</p>
<div class="item-box">
<select name="presidentAssign" id="presidentAssign" onchange="changeAssign();">
<option value="">선택</option>
@ -1260,7 +1261,7 @@ function showConsignmentGubun(){
<h3 class="mb10 mt30">담당자배정</h3>
<div class="bbs-view-layout">
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>담당자</p>
<p class="item-title no-bullet"><span class="reqArea"></span>담당자</p>
<div class="item-box">
<select name="examinerAssign" id="examinerAssign">
<option value="">선택</option>
@ -1349,7 +1350,7 @@ function showConsignmentGubun(){
</div>
<div style="margin-bottom: 20px;">
<div class="data-table layout-type col-table border_0">
<div class="data-table layout-type col-table border_0" style="border-bottom:1px solid #ececec;">
<table>
<colgroup>
<col class="col-th">
@ -1556,20 +1557,20 @@ function showConsignmentGubun(){
</div>
</div>
<div class="cs-accordion">
<div class="cs-accordion slide_wrap">
<!-- 신청인 기입사항 -->
<div class="cs-panel">
<div class="cs-panel-heading clear">
<div class="cs-panel-title">신청인 기입사항</div>
<div class="cs-panel-title slide_heading_title title">신청인 기입사항</div>
</div>
<div class="cs-panel-body">
<c:if test="${not empty applcntData}">
<c:forEach items="${applcntData}" var="data" varStatus="status">
<div class="cs-toggle-container" data-type="신청인 기입사항">
<button type="button" class="cs-toggle-btn"><span class="fl">신청인 <i data-nth>${status.index+1}</i></span> <span class="fr">▼</span></button>
<div class="cs-toggle">
<div class="cs-toggle col-table data-table">
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>상호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>상호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1579,7 +1580,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>대표자</p>
<p class="item-title no-bullet"><span class="reqArea"></span>대표자</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1589,7 +1590,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>개인/법인</p>
<p class="item-title no-bullet"><span class="reqArea"></span>개인/법인</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1599,7 +1600,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>우편번호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>우편번호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1609,7 +1610,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>지번주소</p>
<p class="item-title no-bullet"><span class="reqArea"></span>지번주소</p>
<div class="item-box">
<div class="form-group">
<c:out value="${data.addr1}" />
@ -1620,7 +1621,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>도로명주소</p>
<p class="item-title no-bullet"><span class="reqArea"></span>도로명주소</p>
<div class="item-box">
<div class="form-group">
<c:out value="${data.roadAddr1}" />
@ -1631,7 +1632,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>대표 전화번호(휴대폰)</p>
<p class="item-title no-bullet"><span class="reqArea"></span>대표 전화번호(휴대폰)</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1651,7 +1652,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>사업자등록번호('-')제외</p>
<p class="item-title no-bullet"><span class="reqArea"></span>사업자등록번호('-')제외</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1685,16 +1686,16 @@ function showConsignmentGubun(){
<!-- 신청인 대리인 기입사항 -->
<div class="cs-panel">
<div class="cs-panel-heading clear">
<div class="cs-panel-title">신청인 대리인 기입사항</div>
<div class="cs-panel-title slide_heading_title title">신청인 대리인 기입사항</div>
</div>
<div class="cs-panel-body">
<c:if test="${not empty appagentData}">
<c:forEach items="${appagentData}" var="data" varStatus="status">
<div class="cs-toggle-container" data-type="신청인 대리인 기입사항">
<button type="button" class="cs-toggle-btn"><span class="fl">신청인 대리인 <i data-nth>${status.index+1}</i></span> <span class="fr">▼</span></button>
<div class="cs-toggle">
<div class="cs-toggle col-table data-table">
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>상호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>상호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1704,7 +1705,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>담당변호사</p>
<p class="item-title no-bullet"><span class="reqArea"></span>담당변호사</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1714,7 +1715,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>우편번호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>우편번호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1724,7 +1725,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>지번주소</p>
<p class="item-title no-bullet"><span class="reqArea"></span>지번주소</p>
<div class="item-box">
<div class="form-group">
<c:out value="${data.addr1}" />
@ -1735,7 +1736,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>도로명주소</p>
<p class="item-title no-bullet"><span class="reqArea"></span>도로명주소</p>
<div class="item-box">
<div class="form-group">
<c:out value="${data.roadAddr1}" />
@ -1746,7 +1747,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>휴대폰번호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>휴대폰번호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1766,7 +1767,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>이메일</p>
<p class="item-title no-bullet"><span class="reqArea"></span>이메일</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1793,16 +1794,16 @@ function showConsignmentGubun(){
<!-- 피신청인 기입사항 -->
<div class="cs-panel">
<div class="cs-panel-heading clear">
<div class="cs-panel-title">피신청인 기입사항</div>
<div class="cs-panel-title slide_heading_title title">피신청인 기입사항</div>
</div>
<div class="cs-panel-body">
<c:if test="${not empty respondentData}">
<c:forEach items="${respondentData}" var="data" varStatus="status">
<div class="cs-toggle-container" data-type="피신청인 기입사항">
<button type="button" class="cs-toggle-btn"><span class="fl">피신청인 <i data-nth>${status.index+1}</i></span> <span class="fr">▼</span></button>
<div class="cs-toggle">
<div class="cs-toggle col-table data-table">
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>상호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>상호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1812,7 +1813,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>대표자</p>
<p class="item-title no-bullet"><span class="reqArea"></span>대표자</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1822,7 +1823,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>개인/법인</p>
<p class="item-title no-bullet"><span class="reqArea"></span>개인/법인</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1832,7 +1833,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>우편번호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>우편번호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1842,7 +1843,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>지번주소</p>
<p class="item-title no-bullet"><span class="reqArea"></span>지번주소</p>
<div class="item-box">
<div class="form-group">
<c:out value="${data.addr1}" />
@ -1853,7 +1854,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>도로명주소</p>
<p class="item-title no-bullet"><span class="reqArea"></span>도로명주소</p>
<div class="item-box">
<div class="form-group">
<c:out value="${data.roadAddr1}" />
@ -1864,7 +1865,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>대표 전화번호(휴대폰)</p>
<p class="item-title no-bullet"><span class="reqArea"></span>대표 전화번호(휴대폰)</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1884,7 +1885,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>사업자등록번호('-')제외</p>
<p class="item-title no-bullet"><span class="reqArea"></span>사업자등록번호('-')제외</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1919,16 +1920,16 @@ function showConsignmentGubun(){
<!-- 피신청인 대리인 기입사항 -->
<div class="cs-panel">
<div class="cs-panel-heading clear">
<div class="cs-panel-title">피신청인 대리인 기입사항</div>
<div class="cs-panel-title slide_heading_title title">피신청인 대리인 기입사항</div>
</div>
<div class="cs-panel-body">
<c:if test="${not empty selectResagent}">
<c:forEach items="${selectResagent}" var="data" varStatus="status">
<div class="cs-toggle-container" data-type="피신청인 대리인 기입사항">
<button type="button" class="cs-toggle-btn"><span class="fl">피신청인 대리인 <i data-nth>${status.index+1}</i></span> <span class="fr">▼</span></button>
<div class="cs-toggle">
<div class="cs-toggle col-table data-table">
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>상호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>상호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1938,7 +1939,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>담당변호사</p>
<p class="item-title no-bullet"><span class="reqArea"></span>담당변호사</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1948,7 +1949,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>우편번호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>우편번호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -1958,7 +1959,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>지번주소</p>
<p class="item-title no-bullet"><span class="reqArea"></span>지번주소</p>
<div class="item-box">
<div class="form-group">
<c:out value="${data.addr1}" />
@ -1969,7 +1970,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>도로명주소</p>
<p class="item-title no-bullet"><span class="reqArea"></span>도로명주소</p>
<div class="item-box">
<div class="form-group">
<c:out value="${data.roadAddr1}" />
@ -1980,7 +1981,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>휴대폰번호</p>
<p class="item-title no-bullet"><span class="reqArea"></span>휴대폰번호</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -2000,7 +2001,7 @@ function showConsignmentGubun(){
</div>
</div>
<div class="bbs-view-item">
<p class="item-title no-bullet"><span class="cs-essential">＊</span>이메일</p>
<p class="item-title no-bullet"><span class="reqArea"></span>이메일</p>
<div class="item-box">
<div class="form-inline">
<div class="form-group">
@ -2258,7 +2259,7 @@ function showConsignmentGubun(){
}
</script>
<div id="isShow01">
<h3 class="mb10 mt30">협의회별 상세 현황</h3>
<h3 class="mb10 mt30 title depth02">협의회별 상세 현황</h3>
<div class="bbs-view-layout">
<div class="data-table layout-type col-table">
<table>
@ -2296,7 +2297,7 @@ function showConsignmentGubun(){
</div>
<div style="display: none">
<div class="tit-box">
<h4>하도급대금 내역 (신청인)</h4>
<h4 class="title depth03">하도급대금 내역 (신청인)</h4>
<div>
<button type="button" class="btn-default gray">엑셀 다운로드</button>
<button type="button" class="btn-default violet" id="s_Cnt" data-add-subscriber data-forms-addnum="${(fn:length(selectSubcntrsttusA) > 0) ? fn:length(selectSubcntrsttusA)-1 : 0}">입력추가</button>
@ -2401,7 +2402,7 @@ function showConsignmentGubun(){
</table>
</div>
<div class="tit-box">
<h4>도급대금 내역 (피신청인)</h4>
<h4 class="title deptn03">도급대금 내역 (피신청인)</h4>
<div>
<button type="button" class="btn-default gray">엑셀 다운로드</button>
<button type="button" class="btn-default violet" id="p_Cnt" data-add-respondent data-forms-addnum="${(fn:length(selectSubcntrsttusR) > 0) ? fn:length(selectSubcntrsttusR)-1 : 0}">입력추가</button>
@ -2515,7 +2516,7 @@ function showConsignmentGubun(){
</div>
</div>
<div id="isShow02">
<h3 class="mb10 mt30">협의회별 상세 현황</h3>
<h3 class="mb10 mt30 title depth02">협의회별 상세 현황</h3>
<div>
<div class="data-table layout-type col-table">
<table>
@ -2603,7 +2604,7 @@ function showConsignmentGubun(){
</div>
</div>
<div id="isShow03">
<h3 class="mb10 mt30">협의회별 상세 현황</h3>
<h3 class="mb10 mt30 title depth02">협의회별 상세 현황</h3>
<div style="border-bottom:0;">
<div class="data-table layout-type col-table">
<table>

BIN
src/main/webapp/kofair_case_seed/adm/images/component/icon_arrow_right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 291 B

2
src/main/webapp/kofair_case_seed/adm/style/common.css
View File

@ -22,10 +22,12 @@
.btn.red_border{background:#fff !important;border:1px solid #e40000 !important;color:#e40000 !important;}
.btn.blue_border{background:#fff !important;border:1px solid #163db1 !important;color:#163db1 !important;}
.btn.gray_border{background:#fff !important;border:1px solid #d5d5d5 !important;color:#666 !important;}
.btn.subgray_border{background:#fff !important;border:1px solid #666 !important;color:#666 !important;}
.btn.light_orange_fill{background:#fdeade;color:#fd6e18;}
.btn.blue_fill{background:#163db1 !important;color:#fff !important;}
.btn.gray_fill{background:#adadb5 !important;color:#fff !important;}
.btn.red_fill{background:#e40000 !important;color:#fff !important;}
.btn.excel_download{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_down.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
.btn.excel_upload{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_get.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}

49
src/main/webapp/kofair_case_seed/adm/style/style.css
View File

@ -24,6 +24,7 @@
/* title */
form h3,.title.depth02{font-size:20px;font-weight:bold;}
.title.depth03{font-size:18px;font-weight:bold;}
.wrap .title.slide_heading_title{font-size:22px;font-weight:bold;color:#222;}
/* detail_search */
.search_detail{display:flex;padding:0 40px;margin:0 0 40px 0;background:#f4f5f6;border:2px solid #e8e8e8;border-radius:5px;flex-wrap:wrap;align-items:center;}
@ -154,6 +155,28 @@ div.webnote_toolbar_container{display:flex;}
.applyCheck .check_dl dd{padding:0 0 0 10px;}
.applyCheck .check_dl dd label{font-size:14px;font-weight:400;margin:0 0 0 5px;letter-spacing:-0.5px;}
/* 분쟁사건 처리관리 */
.title.prc_title{display:flex;justify-content:space-between;align-items:center;}
.title.prc_title .select_wrap{display:flex;gap:8px;}
.title.prc_title .select_wrap *{height:36px;font-size:16px;}
.prc_content .btn_wrap{margin:0 0 40px 0;align-items:flex-end}
.prc_content .btn_wrap *{min-height:36px;}
.prc_content .btn_wrap.ac *{height:46px;}
.prc_content .btn_wrap .area_left,.prc_content .btn_wrap .area_right{display:flex;align-items:center;gap:8px;}
.prc_content .btn-default{font-size:16px;}
.prc_content .col-table.data-table th,
.prc_content .col-table.data-table td{text-align:left;}
.prc_content .btn-temp-view::after{display:none;}
.prc_content .cs-panel-heading{display:flex;justify-content:space-between;align-items:center;}
.prc_content .cs-panel-heading .title.depth02{font-size:22px;}
.prc_content .table-layout.txt_center th,.prc_content .table-layout.txt_center td{text-align:center;padding:10px 2px;}
.prc_content .table-layout.txt_center th *,.prc_content .table-layout.txt_center td *{min-width:0;width:100%;}
.prc_content .term_wrap .bbs-view-layout>div{border-bottom:1px solid #ececec;}
.prc_content .term_wrap .bbs-view-layout .bbs-view-item{border-bottom:0;}
.prc_content .term_wrap .check_wrap input[type="checkbox"]{margin:15px 0 0 0;}
.prc_content .term_wrap .check_wrap input[type="checkbox"]+label{font-size:15px;font-weight:300;}
.prc_content .bbs-view-item .item-title{width:30%;}
.prc_content .table-layout.border td *{width:90%;text-align:center;margin:0 auto;}
/* 종료사건 조회 */
@ -179,3 +202,29 @@ div.webnote_toolbar_container{display:flex;}
/* 아이디 중복확인 */
.id_duplication_popup .popup_sub_tit{margin:0 0 30px 0;}
/* slide_wrap */
.slide_wrap .cs-panel{border:0;border-radius:0;box-shadow:none;}
.slide_wrap .cs-panel-heading{padding:0;margin:0 0 20px 0;border:0;border-radius:0;background:#fff;}
.slide_wrap .cs-panel-body{padding:0;}
.slide_wrap .cs-toggle-btn,.slide_wrap .btn-temp-view{display:flex;height:60px;font-size:18px;font-weight:bold;color:#222;padding:0 30px;border:1px solid #d5d5d5;border-radius:5px;background:#f4f5f6;justify-content:space-between;align-items:center;}
.slide_wrap .cs-toggle-btn.active,.slide_wrap .btn-temp-view.open{border:1px solid #163db1;background:#e2edff;}
.slide_wrap .cs-toggle-btn .fl{display:flex;align-items:center;}
.slide_wrap .cs-toggle-btn .fr,.slide_wrap .btn-temp-view .fr{position:relative;width:30px;height:30px;color:transparent;border-radius:100%;background:#adadb5;}
.slide_wrap .cs-toggle-btn.active .fr,.slide_wrap .btn-temp-view.open .fr{background:#163db1;}
.slide_wrap .cs-toggle-btn+.cs-toggle{margin:20px 0;border-top:2px solid #222;}
.slide_wrap .cs-toggle-btn .fr::after,.slide_wrap .btn-temp-view .fr::after{position:absolute;content:"";width:8px;height:8px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-135deg);left:11px;top:10px;}
.slide_wrap .cs-toggle-btn.active .fr::after,.slide_wrap .btn-temp-view.open .fr::after{transform:rotate(45deg);top:12px;}
/* step */
.step_ol.cs-step{display:flex;margin:0 0 40px 0;gap:60px;justify-content:space-between;}
.step_ol.cs-step li{position:relative;width:calc((100% / 6) - 60px);}
.step_ol.cs-step li::before,.step_ol.cs-step li::after{position:absolute;content:"";}
.step_ol.cs-step li::before{width:100%;height:1px;background:#d5d5d5;left:100%;top:50%;transform:translateY(-50%;)}
.step_ol.cs-step li::after{width:30px;height:30px;border:1px solid #d5d5d5;border-radius:100%;background:#fff url(/kofair_case_seed/adm/images/component/icon_arrow_right.png) no-repeat center center;top:50%;left:calc(100% + 21px);transform:translateY(-50%);}
.step_ol.cs-step li a{display:flex;height:50px;font-size:18px;font-weight:300;border:1px solid #d5d5d5;border-radius:60px;background:#f4f5f6;justify-content:center;align-items:center;line-height:1.3;}
.step_ol.cs-step li:last-child::before,.step_ol.cs-step li:last-child::after{display:none;}
.step_ol.cs-step li a:hover,.step_ol.cs-step li.active a{color:#fff;border:1px solid #171c70;background:#171c70;}
.step_ol.cs-step li a:before{display:inline-block;padding:0 10px 0 0;font-size:18px;background:transparent;margin:0;line-height:1.3;}
.step_ol.cs-step li:hover a:before, .step_ol.cs-step li.active a:before{font-weight:600;color:#fff;background:#171c70;}