2022/09/08 워크플로우 페이지 추가(/kccadrPb/usr/workflow.html)
This commit is contained in:
subsub8729
parent
eb1b44113d
commit
5b515c3440
@ -670,6 +670,32 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
|
|||||||
.page .btn_page_last i{background-image: url(/kccadrPb/usr/image/btn_page_last.png); background-position: 46% center;}
|
.page .btn_page_last i{background-image: url(/kccadrPb/usr/image/btn_page_last.png); background-position: 46% center;}
|
||||||
/* //page */
|
/* //page */
|
||||||
|
|
||||||
|
/* 워크플로우 */
|
||||||
|
.work_flow_wrap{background-color: #f1f2f4; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 20px; margin: 0 0 30px 0;transition: all 0.5s ease; height: auto;}
|
||||||
|
.work_flow_wrap .work_tit{display: flex; justify-content: space-between; align-items: center; font-size: 20px; padding: 20px 0 20px 6px;}
|
||||||
|
.btn_open, .work_flow_wrap .btn_close{width: 30px; height: 30px; border-radius: 5px; background-color: #fff;}
|
||||||
|
.btn_open i{display: inline-block; width: 100%; height: 100%; background-image: url(/kccadrPb/usr/image/common/btn_plus.png); background-repeat: no-repeat; background-position: center;}
|
||||||
|
.work_flow_wrap .btn_close i{display: inline-block; width: 100%; height: 100%; background-image: url(/kccadrPb/usr/image/common/btn_minus.png); background-repeat: no-repeat; background-position: center;}
|
||||||
|
.work_cont{background-color: #fff; border-radius: 5px; padding: 20px 25px; margin: 0 0 25px 0;transition: all 0.5s ease;}
|
||||||
|
.work_flow_wrap .top_work{display: flex; justify-content: space-between; align-items: center;}
|
||||||
|
|
||||||
|
.work_flow_wrap .work_cont .top_work li{overflow: visible;}
|
||||||
|
.work_flow_wrap .work_cont li{position: relative; width: 100%; overflow: hidden;}
|
||||||
|
.work_flow_wrap .work_cont p{display: inline-flex; width: 210px; text-align: center; border: 1px solid #d5d5d5; height: 45px; border-radius: 5px; align-items: center; justify-content: center; font-size: 16px; color: #666; margin-bottom: 26px;background-color: transparent; position: relative;}
|
||||||
|
.work_flow_wrap .work_cont p+img{position: absolute; right: -10px; top: 8px; z-index: 1;}
|
||||||
|
.work_2{margin-top: 55px; position: relative;}
|
||||||
|
.work_3,.work_5{float: right;}
|
||||||
|
.work_5{margin-left: 10px; margin-top: 73px;}
|
||||||
|
.work_flow_wrap .work_cont .work_3 li{overflow: visible;}
|
||||||
|
.work_4{float: right; margin-left: 240px; margin-top: -73px; position: relative;}
|
||||||
|
.work_flow_wrap .work_cont p+.nexticon_3{position: absolute; top: 100%; left: 98px; top: 54px;}
|
||||||
|
.nexticon_4{position: absolute; top: -58px; left: 235px;}
|
||||||
|
.nexticon_5{position: absolute; top: 22px; left: 215px;}
|
||||||
|
|
||||||
|
.work_flow_wrap.off .work_cont{height: 0; padding: 0 25px; margin: 0; transition: all 0.5s ease; overflow: hidden;}
|
||||||
|
.work_cont .status01 p{border: 1px solid #ea5404; color: #ea5404;}
|
||||||
|
.work_cont .status02 p{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;}
|
||||||
|
/* //워크플로우 */
|
||||||
|
|
||||||
/* 익스플로어 */
|
/* 익스플로어 */
|
||||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
|
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
|
||||||
|
|||||||
@ -4,6 +4,10 @@
|
|||||||
.tb_corapp th .req_text+p{width: calc(100% - 40px); vertical-align: text-top;}
|
.tb_corapp th .req_text+p{width: calc(100% - 40px); vertical-align: text-top;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 1280px){
|
||||||
|
.work_flow_wrap{display: none;}
|
||||||
|
}
|
||||||
|
|
||||||
@media all and (max-width: 1150px){
|
@media all and (max-width: 1150px){
|
||||||
/* 대시보드 */
|
/* 대시보드 */
|
||||||
.usr_dashboard .box{padding: 26px 0 26px 15px;}
|
.usr_dashboard .box{padding: 26px 0 26px 15px;}
|
||||||
|
|||||||
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon1.png
Normal file
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 686 B |
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon2.png
Normal file
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon3.png
Normal file
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 267 B |
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon4.png
Normal file
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon5.png
Normal file
BIN
src/main/webapp/kccadrPb/usr/image/workflow/nexticon5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1021 B |
BIN
src/main/webapp/kccadrPb/usr/image/workflow/workflow_1.png
Normal file
BIN
src/main/webapp/kccadrPb/usr/image/workflow/workflow_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
src/main/webapp/kccadrPb/usr/image/workflow/workflow_2.png
Normal file
BIN
src/main/webapp/kccadrPb/usr/image/workflow/workflow_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
src/main/webapp/kccadrPb/usr/image/workflow/workflow_3.png
Normal file
BIN
src/main/webapp/kccadrPb/usr/image/workflow/workflow_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
@ -655,6 +655,16 @@ $(document).ready(function(){
|
|||||||
$(".btn_start").one("mouseover",function(){
|
$(".btn_start").one("mouseover",function(){
|
||||||
calendarOpen();
|
calendarOpen();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$(".work_flow_wrap .btn_open").click(function(){
|
||||||
|
if($(".work_flow_wrap").is(".off") == true){
|
||||||
|
$(".work_flow_wrap").removeClass("off");
|
||||||
|
$(this).addClass("btn_close").removeClass("btn_open");
|
||||||
|
}else{
|
||||||
|
$(".work_flow_wrap").addClass("off");
|
||||||
|
$(this).removeClass("btn_close").addClass("btn_open");
|
||||||
|
}
|
||||||
|
});
|
||||||
})
|
})
|
||||||
|
|
||||||
function otherDateInput(targetObj,thisVal,orgVal){
|
function otherDateInput(targetObj,thisVal,orgVal){
|
||||||
|
|||||||
754
src/main/webapp/kccadrPb/usr/workflow.html
Normal file
754
src/main/webapp/kccadrPb/usr/workflow.html
Normal file
@ -0,0 +1,754 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>저작권 전자조정시스템 > 전자조정 신청 > 조정 진행 상세</title>
|
||||||
|
|
||||||
|
<!-- css -->
|
||||||
|
<link rel="stylesheet" href="/kccadrPb/usr/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="/kccadrPb/usr/css/font.css">
|
||||||
|
<link rel="stylesheet" href="/kccadrPb/usr/css/common.css">
|
||||||
|
<link rel="stylesheet" href="/kccadrPb/usr/css/content.css">
|
||||||
|
<link rel="stylesheet" href="/kccadrPb/usr/css/content_media.css">
|
||||||
|
<link rel="stylesheet" href="/kccadrPb/usr/css/popup.css">
|
||||||
|
|
||||||
|
<!-- script -->
|
||||||
|
<script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
|
||||||
|
<script src="/kccadrPb/usr/script/common.js"></script>
|
||||||
|
<script src="/kccadrPb/usr/script/content.js"></script>
|
||||||
|
<script src="/kccadrPb/usr/script/popup.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="mask"></div>
|
||||||
|
<!-- 조정신청 수정요청 등록 -->
|
||||||
|
<div class="tooltip-wrap">
|
||||||
|
<div class="popup_wrap editreq_popup" tabindex="0" data-tooltip-con="editreq_popup" data-focus="editreq_popup"
|
||||||
|
data-focus-prev="sch_popup_close">
|
||||||
|
<div class="popup_tit">
|
||||||
|
<p>조정신청 수정요청 등록</p> <button class="btn_popup_close tooltip-close" data-focus="editreq_popup_close"
|
||||||
|
title="팝업 닫기"><i></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="popup_cont">
|
||||||
|
<table class="popup_tbType01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 120px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>수정요청 항목</th>
|
||||||
|
<td>
|
||||||
|
<ul class="radio_wrap">
|
||||||
|
<li><input type="radio" name="edit_cont" id="edit01"><label for="edit01">신청인 정보</label>
|
||||||
|
</li>
|
||||||
|
<li><input type="radio" name="edit_cont" id="edit02"><label for="edit02">피신청인 정보</label>
|
||||||
|
</li>
|
||||||
|
<li><input type="radio" name="edit_cont" id="edit03"><label for="edit03">신청취지</label></li>
|
||||||
|
<li><input type="radio" name="edit_cont" id="edit04"><label for="edit04">신청원인</label></li>
|
||||||
|
</ul>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>수정요청 내용</th>
|
||||||
|
<td>
|
||||||
|
<textarea name="" id="" cols="30" rows="10" class="edit_textarea">신청인 변경과 신청취지를 변경하고 싶습니다.</textarea>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<div class="btn_wrap">
|
||||||
|
<button class="btnType01 tooltip-close" data-focus="scrq_popup_close">승인요청</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //조정신청 수정요청 등록 -->
|
||||||
|
|
||||||
|
<div class="skip_menu">
|
||||||
|
<a href="#sub" class="contGo" title="본문 바로가기">본문 바로가기</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- header -->
|
||||||
|
<header>
|
||||||
|
<div class="gnb_wrap">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="site">
|
||||||
|
<img src="/kccadrPb/usr/image/common/gnb_logo.png" alt="한국저작권위원회">
|
||||||
|
<a href="https://www.copyright.or.kr/main.do">바로가기</a>
|
||||||
|
</div>
|
||||||
|
<div class="area_right">
|
||||||
|
<a href="#">로그인</a>
|
||||||
|
<a href="#">회원가입</a>
|
||||||
|
<div class="btn_util">
|
||||||
|
<button class="btn_minus" title="글자 축소"></button>
|
||||||
|
<button class="btn_plus" title="글자 확대"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="header">
|
||||||
|
<div class="header_inner">
|
||||||
|
<h1 class="logo"><a href="/kccadrPb/usr/index.html"><img src="/kccadrPb/usr/image/common/top_logo.png"
|
||||||
|
alt="저작권 전자조정시스템 Copyright Electronic Coordination System"></a></h1>
|
||||||
|
<div class="nav_wrap">
|
||||||
|
<nav id="menu">
|
||||||
|
<ul class="depth01">
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">전자조정 안내</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정의 개념 및 효력</a></li>
|
||||||
|
<li><a href="#">조정 대상</a></li>
|
||||||
|
<li><a href="#">조정 절차</a></li>
|
||||||
|
<li><a href="#">조정 비용</a></li>
|
||||||
|
<li><a href="#">신청안내</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">전자조정 신청</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정 신청</a></li>
|
||||||
|
<li><a href="#">간편 조정 신청</a></li>
|
||||||
|
<li><a href="#">조정신청 대리인 신청</a></li>
|
||||||
|
<li><a href="#">조정신청 취하</a></li>
|
||||||
|
<li><a href="#">조정 경정 신청</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">사례/통계</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정사건조회</a></li>
|
||||||
|
<li><a href="#">조정사례조회</a></li>
|
||||||
|
<li><a href="#">조정통계</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">정보마당</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">공지사항</a></li>
|
||||||
|
<li><a href="#">조정제도 안내 게시판</a></li>
|
||||||
|
<li><a href="#">관련법조항 게시판</a></li>
|
||||||
|
<li><a href="#">묻고답하기</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">마이페이지</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">개인정보관리</a></li>
|
||||||
|
<li><a href="#">분쟁조정현황</a></li>
|
||||||
|
<li><a href="#">대리인정보관리</a></li>
|
||||||
|
<li><a href="#">분쟁조정문의</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<div class="area_right">
|
||||||
|
<button class="btn_search" title="검색영역 열기"></button>
|
||||||
|
<button class="btn_menu" title="전체메뉴 열기"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<!-- //header -->
|
||||||
|
|
||||||
|
<!-- 전체메뉴 -->
|
||||||
|
<div class="full_menu">
|
||||||
|
<div class="inner">
|
||||||
|
<h1 class="logo"><img src="/kccadrPb/usr/image/common/top_logo.png"
|
||||||
|
alt="저작권 전자조정시스템 Copyright Electronic Coordination System"></h1>
|
||||||
|
<ul class="depth01">
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">전자조정 안내</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정의 개념 및 효력</a></li>
|
||||||
|
<li><a href="#">조정 대상</a></li>
|
||||||
|
<li><a href="#">조정 절차</a></li>
|
||||||
|
<li><a href="#">조정 비용</a></li>
|
||||||
|
<li><a href="#">신청안내</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">전자조정 신청</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정 신청</a></li>
|
||||||
|
<li><a href="#">간편 조정 신청</a></li>
|
||||||
|
<li><a href="#">조정신청 대리인 신청</a></li>
|
||||||
|
<li><a href="#">조정신청 취하</a></li>
|
||||||
|
<li><a href="#">조정 경정 신청</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">사례/통계</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정사건조회</a></li>
|
||||||
|
<li><a href="#">조정사례조회</a></li>
|
||||||
|
<li><a href="#">조정통계</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">정보마당</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">공지사항</a></li>
|
||||||
|
<li><a href="#">조정제도 안내 게시판</a></li>
|
||||||
|
<li><a href="#">관련법조항 게시판</a></li>
|
||||||
|
<li><a href="#">묻고답하기</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><a href="#" class="menu_link">마이페이지</a>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">개인정보관리</a></li>
|
||||||
|
<li><a href="#">분쟁조정현황</a></li>
|
||||||
|
<li><a href="#">대리인정보관리</a></li>
|
||||||
|
<li><a href="#">분쟁조정문의</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<button class="btn_close" title="전체메뉴 닫기"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //전체메뉴 -->
|
||||||
|
|
||||||
|
<!-- 모바일메뉴 -->
|
||||||
|
<div id="m_menu">
|
||||||
|
<ul class="depth01">
|
||||||
|
<li class="depth01_li"><button class="menu_tit">전자조정 안내</button>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정의 개념 및 효력</a></li>
|
||||||
|
<li><a href="#">조정 대상</a></li>
|
||||||
|
<li><a href="#">조정 절차</a></li>
|
||||||
|
<li><a href="#">조정 비용</a></li>
|
||||||
|
<li><a href="#">신청안내</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><button class="menu_tit">전자조정 신청</button>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정 신청</a></li>
|
||||||
|
<li><a href="#">간편 조정 신청</a></li>
|
||||||
|
<li><a href="#">조정신청 대리인 신청</a></li>
|
||||||
|
<li><a href="#">조정신청 취하</a></li>
|
||||||
|
<li><a href="#">조정 경정 신청</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><button class="menu_tit">사례/통계</button>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">조정사건조회</a></li>
|
||||||
|
<li><a href="#">조정사례조회</a></li>
|
||||||
|
<li><a href="#">조정통계</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><button class="menu_tit">정보마당</button>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">공지사항</a></li>
|
||||||
|
<li><a href="#">조정제도 안내 게시판</a></li>
|
||||||
|
<li><a href="#">관련법조항 게시판</a></li>
|
||||||
|
<li><a href="#">묻고답하기</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="depth01_li"><button class="menu_tit">마이페이지</button>
|
||||||
|
<ul class="depth02">
|
||||||
|
<li><a href="#">개인정보관리</a></li>
|
||||||
|
<li><a href="#">분쟁조정현황</a></li>
|
||||||
|
<li><a href="#">대리인정보관리</a></li>
|
||||||
|
<li><a href="#">분쟁조정문의</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<button class="btn_close" title="모바일메뉴 닫기"></button>
|
||||||
|
</div>
|
||||||
|
<!-- //모바일메뉴 -->
|
||||||
|
<!-- snb -->
|
||||||
|
<div class="cont_nav">
|
||||||
|
<div class="inner">
|
||||||
|
<button class="home" title="메인으로 이동" onclick="location.href='./index.html'"></button>
|
||||||
|
<div class="snb_wrap">
|
||||||
|
<button class="snb_tit" title="하위메뉴 열기">전자조정 신청</button>
|
||||||
|
<ul class="snb_depth">
|
||||||
|
<li><a href="#">전자조정 안내</a></li>
|
||||||
|
<li><a href="#">전자조정 신청</a></li>
|
||||||
|
<li><a href="#">사례/통계</a></li>
|
||||||
|
<li><a href="#">정보마당</a></li>
|
||||||
|
<li><a href="#">마이페이지</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="snb_wrap">
|
||||||
|
<button class="snb_tit" title="하위메뉴 열기">조정 진행 상세</button>
|
||||||
|
<ul class="snb_depth">
|
||||||
|
<li><a href="#">전자조정 안내</a></li>
|
||||||
|
<li><a href="#">전자조정 신청</a></li>
|
||||||
|
<li><a href="#">사례/통계</a></li>
|
||||||
|
<li><a href="#">정보마당</a></li>
|
||||||
|
<li><a href="#">마이페이지</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //snb -->
|
||||||
|
|
||||||
|
<!-- cont -->
|
||||||
|
<div class="cont_wrap sub02_1" id="sub">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="cont_tit">
|
||||||
|
<h2>조정 진행 상세</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="top_progress">
|
||||||
|
<p>조정번호 : <span>2021조정054</span></p>v
|
||||||
|
<p>접수일 : <span>2021-07-15</span></p>
|
||||||
|
<p>진행현황 : <span>조정진행</span></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tab_wrap">
|
||||||
|
<div class="tab_btn_wrap tab03">
|
||||||
|
<button class="tab on">조정일반</button>
|
||||||
|
<button class="tab">조정상세정보</button>
|
||||||
|
<button class="tab">조정진행내용</button>
|
||||||
|
</div>
|
||||||
|
<div class="tab_cont on">
|
||||||
|
<div class="work_flow_wrap off">
|
||||||
|
<div class="work_tit">
|
||||||
|
<p>조정진행 워크플로우</p>
|
||||||
|
<button type="button" class="btn_open"><i></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="work_cont">
|
||||||
|
<ul class="top_work">
|
||||||
|
<li class="status01"><p>조정신청 제출</p><img src="./image/workflow/nexticon1.png" alt="다음"></li>
|
||||||
|
<li class="status02"><p>신청서 보완</p><img src="./image/workflow/nexticon1.png" alt="다음"></li>
|
||||||
|
<li><p>조정비용납부</p><img src="./image/workflow/nexticon1.png" alt="다음"></li>
|
||||||
|
<li><p>사건접수</p><img src="./image/workflow/nexticon1.png" alt="다음"></li>
|
||||||
|
<li><p>조정부배정</p><img src="./image/workflow/nexticon2.png" alt="다음" style="top: 51px; right: 105px;"></li>
|
||||||
|
</ul>
|
||||||
|
<ul class="work_2">
|
||||||
|
<li><p>기일확정</p><img src="./image/workflow/nexticon3.png" alt="다음" class="nexticon_3"></li>
|
||||||
|
<li>
|
||||||
|
<p>기일통지</p><img src="./image/workflow/nexticon3.png" alt="다음" class="nexticon_3"><img src="./image/workflow/nexticon1.png" alt="다음" style="position: absolute;z-index: 1;top: 8px;left: 203px;">
|
||||||
|
<ul class="work_3">
|
||||||
|
<li><p>1차 기일 개최</p><img src="./image/workflow/nexticon3.png" alt="다음" class="nexticon_3"></li>
|
||||||
|
<li>
|
||||||
|
<p>2차 기일 개최<img src="./image/workflow/nexticon4.png" alt="다음" class="nexticon_4"></p><img src="./image/workflow/nexticon3.png" alt="다음" class="nexticon_3">
|
||||||
|
<ul class="work_4">
|
||||||
|
<li><p>조정성립</p></li>
|
||||||
|
<li><p>직권조정<img src="./image/workflow/nexticon5.png" alt="다음" class="nexticon_5"></p>
|
||||||
|
<ul class="work_5">
|
||||||
|
<li><p>이의신청</p></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><p>조정권고</p></li>
|
||||||
|
<li><p>쌍방수락여부 확인</p></li>
|
||||||
|
<li><p>불성립종결</p></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><p>3차 기일 개최</p><img src="./image/workflow/nexticon3.png" alt="다음" class="nexticon_3"></li>
|
||||||
|
<li><p>4차 기일 개최</p></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li style="position: absolute; top: 146px"><p>기일변경</p></li>
|
||||||
|
<li><p>변론서 및 답변서</p></li>
|
||||||
|
<li style="width: 450px;"><p>취하신청</p><img src="./image/workflow/nexticon1.png" alt="다음" style="position:absolute; left: 203px;"><p style="margin-left: 7px;">취하종결</p></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="exp_date">
|
||||||
|
<i></i>
|
||||||
|
<p>기일예정일 : <span>2021-09-25</span></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tb_wrap">
|
||||||
|
<table class="tbType01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 250px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
<col style="width: 250px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>신청인</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>홍길동</p>
|
||||||
|
</td>
|
||||||
|
<th>
|
||||||
|
<p>대리인</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>없음</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>피신청인1</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>고길동</p>
|
||||||
|
</td>
|
||||||
|
<th>
|
||||||
|
<p>피신청인2</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>고길동</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="tb_wrap">
|
||||||
|
<table class="tbType01">
|
||||||
|
<caption>신청취지, 신청원인등의 정보제공</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 200px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">
|
||||||
|
<p>신청취지</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>독도는 우리땅입니다.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">
|
||||||
|
<p>신청원인</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p class="change_text_wrap close">아직도 넌 혼잔거니 물어오네요 난 그저 웃어요 사랑하고 있죠 사랑하는 사람 있어요 그대는 내가 안쓰러운 건가봐
|
||||||
|
좋은 사람있다면 한 번 만나보라 말하죠 그댄 모르죠 내게도 멋진 애인이 있다는 걸 너무 소중해 꼭 숨겨 두었죠
|
||||||
|
그 사람 나만 볼 수 있어요 내 눈에만 보여요 내 입술에 영원히 담아둘거야 가끔씩 차오르는 눈물만 알고 있죠 그 사람 그대라는 걸
|
||||||
|
나는 그 사람 갖고 싶지 않아요 욕심나지 않아요 그냥 사랑하고 싶어요 그댄 모르죠 내게도 멋진 애인이 있다는 걸 너무 소중해 꼭 숨겨 두었죠
|
||||||
|
그 사람 나만 볼 수 있어요 내 눈에만 보여요 내 입술에 영원히 담아둘거야 가끔씩 차오르는 눈물만 알고 있죠 그 사람 그대라는 걸
|
||||||
|
</p>
|
||||||
|
<button type="button" class="btn_all" title="내용 전체보기">더보기</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tab_cont">
|
||||||
|
<div class="tb_wrap tb02">
|
||||||
|
<div class="tb_top">
|
||||||
|
<p>신청인</p>
|
||||||
|
</div>
|
||||||
|
<table class="tbType01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 200px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th colspan="2"><p>신청인</p></th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>신청인</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>홍길동</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>주소</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>서울특별시 마포구 마포대로 33</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>이메일</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>eee@naver.com</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>전화</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>휴대전화</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>010-1111-1111</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<table class="tbType01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 200px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th colspan="2"><p>대리인</p></th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>이름</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>주소</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>이메일</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>전화</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>휴대전화</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="tb_wrap tb02">
|
||||||
|
<div class="tb_top">
|
||||||
|
<p>피신청인</p>
|
||||||
|
</div>
|
||||||
|
<table class="tbType01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 200px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th colspan="2"><p>피신청인1</p></th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>신청인</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>고길동</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>주소</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>서울특별시 마포구 마포대로 33</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>이메일</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>aaa@naver.com</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>전화</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>휴대전화</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>010-1111-1111</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<table class="tbType01">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 200px;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th colspan="2"><p>피신청인2</p></th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>이름</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p>고길동</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>주소</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>이메일</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>전화</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<p>휴대전화</p>
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
<p></p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tab_cont">
|
||||||
|
<table class="tbType02">
|
||||||
|
<caption>조정진행내용 : 일자, 내용, 첨부파일 정보제공</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 20%;">
|
||||||
|
<col style="width: auto;">
|
||||||
|
<col style="width: 20%;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>일자</th>
|
||||||
|
<th>내용</th>
|
||||||
|
<th>첨부파일</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>2021-07-15</p>
|
||||||
|
</td>
|
||||||
|
<td class="td_info">
|
||||||
|
<p>접수</p>
|
||||||
|
</td>
|
||||||
|
<td><a href="#"></a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>2021-07-17</p>
|
||||||
|
</td>
|
||||||
|
<td class="td_info">
|
||||||
|
<p>조정부 지정</p>
|
||||||
|
</td>
|
||||||
|
<td><a href="#"></a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>2021-07-18</p>
|
||||||
|
</td>
|
||||||
|
<td class="td_info">
|
||||||
|
<p>피신청인 답변서 제출</p>
|
||||||
|
</td>
|
||||||
|
<td><a href="#">답변서.hwp</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>2021-07-15</p>
|
||||||
|
</td>
|
||||||
|
<td class="td_info">
|
||||||
|
<p>신청인이 추가 답변서 제출</p>
|
||||||
|
</td>
|
||||||
|
<td><a href="#">추가 답변서.hwp</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>2021-07-15</p>
|
||||||
|
</td>
|
||||||
|
<td class="td_info">
|
||||||
|
<p>1차 기일 지정</p>
|
||||||
|
</td>
|
||||||
|
<td><a href="#"></a></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 하단 버튼 -->
|
||||||
|
<div class="btn_wrap btn_layout03">
|
||||||
|
<div class="btn_left"></div>
|
||||||
|
<div class="btn_right">
|
||||||
|
<button class="btnType11 btn_list" onclick="location.href='./sub02_1_list.html'">목록</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //하단 버튼 -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- //cont -->
|
||||||
|
|
||||||
|
<!-- footer -->
|
||||||
|
<footer>
|
||||||
|
<div class="inner">
|
||||||
|
<div class="area_top">
|
||||||
|
<ul class="site">
|
||||||
|
<li><a href="/">개인정보처리방침</a></li>
|
||||||
|
<li><a href="/">이메일무단수집거부</a></li>
|
||||||
|
<li><a href="/">고객서비스헌장</a></li>
|
||||||
|
<li><a href="/">저작권정책</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="site_go">
|
||||||
|
<label for="site_select">관련사이트 선택</label>
|
||||||
|
<select name="" id="site_select">
|
||||||
|
<option value="">관련사이트 바로가기</option>
|
||||||
|
</select>
|
||||||
|
<button class="btn_go" title="사이트 이동">GO</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h1 class="logo"><a href="/kccadrPb/usr/index.html"><img src="/kccadrPb/usr/image/common/footer_logo.png"
|
||||||
|
alt="저작권 전자조정시스템 Copyright Electronic Coordination System"></a></h1>
|
||||||
|
<address>
|
||||||
|
<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p>
|
||||||
|
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- //footer -->
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user