2023/11/02 요청사항 관리자 대시보드, 조정진행상세 워크플로우 수정
@ -251,9 +251,9 @@ public class EgovMainController {
|
||||
model.addAttribute("progressCnt", cmmService.selectPgrCmmListMainCnt(cmmVO));
|
||||
|
||||
//처리현황(종결) - status : C
|
||||
// cmmVO.setSearchStatus("C");
|
||||
// model.addAttribute("closeList", cmmService.selectPgrCmmListMain(cmmVO));
|
||||
// model.addAttribute("closeCnt", cmmService.selectPgrCmmListMainCnt(cmmVO));
|
||||
cmmVO.setSearchStatus("C");
|
||||
model.addAttribute("closeList", cmmService.selectPgrCmmListMain(cmmVO));
|
||||
model.addAttribute("closeCnt", cmmService.selectPgrCmmListMainCnt(cmmVO));
|
||||
|
||||
return "main/EgovMainView";
|
||||
}
|
||||
|
||||
@ -109,10 +109,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<!-- <div class="box">
|
||||
<div class="box_tit">
|
||||
<p>시스템관리</p>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="box_cont system_box">
|
||||
<a href="javascript:goMenuPage('9993400', '/kccadr/adjPgrMgr/apm/apmList.do')" class="btn_system system02">
|
||||
<p>조정 진행 관리</p>
|
||||
@ -131,7 +131,7 @@
|
||||
<span>바로가기 ></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
<c:set var="today" value="<%=new Date()%>"/>
|
||||
<form:form id="receiptListForm" name="receiptListForm" commandName="cmmVO" onsubmit="return false;" method="post">
|
||||
<input type="hidden" name="adrSeq" />
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
/* 공통 */
|
||||
.dashboard .box_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px; box-sizing: border-box;}
|
||||
.dashboard .box{width: calc((100% - 60px)/3); height: 300px;border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2); background-color: #fff; margin-bottom: 30px;}
|
||||
.dashboard form{width: calc((100% - 60px)/3);}
|
||||
.wrap{background-color:#f8f5f3;}
|
||||
.dashboard .box_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; box-sizing: border-box;}
|
||||
/* .dashboard .box{width: calc((100% - 60px)/3); height: 300px;border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2); background-color: #fff; margin-bottom: 30px;} */
|
||||
.dashboard .box{width: calc((100% - 60px)/2); height: 300px;border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2); background-color: #fff; margin-bottom: 30px;}
|
||||
.dashboard form{width: calc((100% - 30px)/2);}
|
||||
.dashboard form .box{width: 100%}
|
||||
.dashboard .box_tit{display: flex; height: 60px; align-items: center; justify-content: space-between; padding: 0 25px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
|
||||
.dashboard .box_tit p{font-size: 20px; font-weight: bold; letter-spacing: -0.5px; color: #333;}
|
||||
@ -10,7 +12,8 @@
|
||||
/* //공통 */
|
||||
|
||||
/* 오늘 사용자 현황 */
|
||||
.today_box{display: flex; justify-content: space-between; align-items: center;}
|
||||
.dashboard .box_wrap .box:first-child{width:100%;}
|
||||
.dashboard .today_box{display: flex; justify-content: space-between; align-items: center;height:calc(100% - 75px);}
|
||||
.today_box .today_status{text-align: center; width: calc((100% - 80px)/3);}
|
||||
.today_box p{font-size: 18px; font-weight: 300; margin-top: 12px;}
|
||||
.today_box .today_status i{display: block; width: 84px; height: 84px; background-color: #eeecea; border-radius: 100%; margin: 23px auto; background-repeat: no-repeat; background-position: center;}
|
||||
@ -22,7 +25,7 @@
|
||||
/* //오늘 사용자 현황 */
|
||||
|
||||
/* 시스템관리 */
|
||||
.system_box{display: flex; flex-wrap: wrap; justify-content: space-between;}
|
||||
.dashboard .system_box{display: flex;width:100%;flex-wrap: wrap;justify-content: space-between;padding:0;margin:0 0 30px 0;}
|
||||
.system_box a{position: relative; display: flex; flex-flow: column; width: calc((100% - 10px)/2); height: 90px; justify-content: center; align-items: flex-start; border-radius: 10px; background-color: #666; margin: 5px 0; padding: 0 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: calc(100% - 20px) center; box-shadow: 0 0 5px rgba(0,0,0,0.3); transition: background-color 0.2s ease-in-out;}
|
||||
.system_box a:hover{transition: background-color 0.2s ease-in-out;}
|
||||
.system_box .system01{background-color: #c3a279; background-image: url(/kccadrPb/adm/image/dashboard/icon_system01.png);}
|
||||
|
||||
323
src/main/webapp/kccadrPb/adm/dashboard2023.html
Normal file
@ -0,0 +1,323 @@
|
||||
<!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/adm/css/reset.css">
|
||||
<link rel="stylesheet" href="/kccadrPb/adm/css/font.css">
|
||||
<link rel="stylesheet" href="/kccadrPb/adm/css/common.css">
|
||||
<link rel="stylesheet" href="/kccadrPb/adm/css/dashboard.css">
|
||||
|
||||
<!-- script -->
|
||||
<script src="/kccadrPb/adm/script/jquery-3.5.0.js"></script>
|
||||
<script src="/kccadrPb/adm/script/common.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrap">
|
||||
|
||||
<!-- leftmenu -->
|
||||
<div class="area_left">
|
||||
<h1 class="logo"><a href="/kccadrPb/adm/index.html"><img src="/kccadrPb/adm/image/common/logo.png" alt="한국저작권위원회 KOREA COPYRIGHT COMMISSION"></a>
|
||||
</h1>
|
||||
<nav class="menu">
|
||||
<ul>
|
||||
<li class="depth01">
|
||||
<button class="menu_tit" title="하위메뉴 열기">조정관리</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">
|
||||
<button class="menu_tit" title="하위메뉴 열기">기초관리</button>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">위원관리</a></li>
|
||||
<li><a href="#">조정부관리</a></li>
|
||||
<li><a href="#">서식관리</a></li>
|
||||
<li><a href="#">SMS관리</a></li>
|
||||
<li><a href="#">이메일관리</a></li>
|
||||
<li><a href="#">SMS문구조회</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- //leftmenu -->
|
||||
|
||||
<!-- top_utill+cont -->
|
||||
<div class="area_right">
|
||||
|
||||
<!-- top_utill -->
|
||||
<div class="top_util">
|
||||
<div class="user_info">
|
||||
<div class="user">
|
||||
<i></i>
|
||||
<p><span>홍길동</span>님</p>
|
||||
<p class="user_id">(honggildong)</p>
|
||||
</div>
|
||||
<button class="alram">
|
||||
<i></i>
|
||||
<span class="alram_num">3</span>
|
||||
<p>알림</p>
|
||||
</button>
|
||||
</div>
|
||||
<ul class="user_util">
|
||||
<li class="time_out"><i></i>
|
||||
<p>로그인 타임아웃 : </p><span>60분 60분</span>
|
||||
</li>
|
||||
<li class="final_date"><i></i>
|
||||
<p>최종접속일시 : </p><span>2020-06-11 11:00</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //top_utill -->
|
||||
|
||||
<!-- cont -->
|
||||
<div class="cont_wrap dashboard">
|
||||
<div class="box_wrap">
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>오늘 사용자 현황</p>
|
||||
</div>
|
||||
<div class="box_cont today_box">
|
||||
<div class="today_status status01">
|
||||
<p>조정접수</p>
|
||||
<i></i>
|
||||
<span>18</span>
|
||||
</div>
|
||||
<i class="status_pcs"></i>
|
||||
<div class="today_status status02">
|
||||
<p>진행</p>
|
||||
<i></i>
|
||||
<span>18</span>
|
||||
</div>
|
||||
<i class="status_pcs"></i>
|
||||
<div class="today_status status03">
|
||||
<p>조정완료</p>
|
||||
<i></i>
|
||||
<span>18</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>시스템관리</p>
|
||||
</div>
|
||||
<div class="box_cont system_box">
|
||||
<a href="#" class="btn_system system01">
|
||||
<p>조정 일정 관리</p>
|
||||
<span>바로가기 ></span>
|
||||
</a>
|
||||
<a href="#" class="btn_system system02">
|
||||
<p>조정 종결 관리</p>
|
||||
<span>바로가기 ></span>
|
||||
</a>
|
||||
<a href="#" class="btn_system system03">
|
||||
<p>이의신청관리</p>
|
||||
<span>바로가기 ></span>
|
||||
</a>
|
||||
<a href="#" class="btn_system system04">
|
||||
<p>분쟁조정 이력관리</p>
|
||||
<span>바로가기 ></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>2021 분쟁조정 처리현황</p>
|
||||
<button type="button" class="btn_plus">더보기 +</button>
|
||||
</div>
|
||||
<div class="box_cont ds_box">
|
||||
<ul class="chartType01">
|
||||
<li>
|
||||
<p>성립</p>
|
||||
<div class="chart_wrap">
|
||||
<div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>불성립</p>
|
||||
<div class="chart_wrap">
|
||||
<div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>취하</p>
|
||||
<div class="chart_wrap">
|
||||
<div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>기타</p>
|
||||
<div class="chart_wrap">
|
||||
<div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>진행</p>
|
||||
<div class="chart_wrap">
|
||||
<div></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="chart_num">
|
||||
<li>0</li>
|
||||
<li>10</li>
|
||||
<li>20</li>
|
||||
<li>30</li>
|
||||
<li>40</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>최근 조정 접수</p>
|
||||
<button type="button" class="btn_plus">더보기 +</button>
|
||||
</div>
|
||||
<div class="box_cont">
|
||||
<ul class="dashboard_list">
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 인사교육 프로그램 교재의 저작물</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 음악저작물 제작 및 이용에 따른</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 부주의에 의한 성명표시권 침해</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 학위논문에서의 정당한 인용의 문제</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 저작물 이용허락 요청 후 무단이용</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>조정 진행 사건 현황</p>
|
||||
<button type="button" class="btn_plus">더보기 +</button>
|
||||
</div>
|
||||
<div class="box_cont">
|
||||
<ul class="dashboard_list">
|
||||
<li>
|
||||
<a href="#" class="list_tit">· <img src="/kccadrPb/adm/image/icon_new.png" class="icon_new"> 인사교육 프로그램 교재의 저작물</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 음악저작물 제작 및 이용에 따른</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 부주의에 의한 성명표시권 침해</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 학위논문에서의 정당한 인용의 문제</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 저작물 이용허락 요청 후 무단이용</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>조정처리현황</p>
|
||||
<button type="button" class="btn_plus">더보기 +</button>
|
||||
</div>
|
||||
<div class="box_cont">
|
||||
<ul class="dashboard_list">
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 인사교육 프로그램 교재의 저작물</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 음악저작물 제작 및 이용에 따른</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 부주의에 의한 성명표시권 침해</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 학위논문에서의 정당한 인용의 문제</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="list_tit">· 저작물 이용허락 요청 후 무단이용</a>
|
||||
<p class="list_writer">admin</p>
|
||||
<p class="list_date">2021-08-02</p>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>2021 연도별 조정 처리 현황</p>
|
||||
<button type="button" class="btn_plus">더보기 +</button>
|
||||
</div>
|
||||
<div class="box_cont chart_box">
|
||||
<img src="/kccadrPb/adm/image/dashboard/chart01.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>2021 분야별 조정 분포</p>
|
||||
<button type="button" class="btn_plus">더보기 +</button>
|
||||
</div>
|
||||
<div class="box_cont chart_box">
|
||||
<img src="/kccadrPb/adm/image/dashboard/chart02.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="box_tit">
|
||||
<p>조정처리 성립률</p>
|
||||
<button type="button" class="btn_plus">더보기 +</button>
|
||||
</div>
|
||||
<div class="box_cont chart_box">
|
||||
<img src="/kccadrPb/adm/image/dashboard/chart03.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //cont -->
|
||||
</div>
|
||||
<!-- //top_utill+cont -->
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
.snb_wrap{width: 230px; position: relative;}
|
||||
.snb_wrap .snb_tit{width: 100%; height: 60px; padding-left: 20px; background-image: url(/kccadrPb/usr/image/icon_snb_select.png); background-position: calc(100% - 20px) center; background-repeat: no-repeat; text-align: left; font-size: 18px; font-weight: 300; color: #fff; border-right: 1px solid #4f75c4;}
|
||||
.snb_depth{position: absolute; width: 100%; top: 60px; left: -1px; border: 1px solid #d5d5d5; background-color: #Fff; z-index: 2;}
|
||||
.snb_depth{position: absolute; display:none; width: 100%; top: 60px; left: -1px; border: 1px solid #d5d5d5; background-color: #Fff; z-index: 2;}
|
||||
.snb_depth li:hover{background-color: #f5f5f5;}
|
||||
.snb_depth a{display: flex; padding: 0 0 0 20px; height: 40px; align-items: center; justify-content: left;}
|
||||
|
||||
@ -462,8 +462,25 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
|
||||
.status_detail .step.step05 i{background-image: url(/kccadrPb/usr/image/icon_sub_prc05.png);}
|
||||
.status_detail .step p{font-size: 14px;}
|
||||
.status_detail .step span{font-size: 18px; margin-top: 5px;}
|
||||
/* f1f2f4 */
|
||||
.status_detail.type02 .step{position:relative;display:block;padding:20px 25px;}
|
||||
.status_detail.type02 .step .step_title{display:flex;align-items:center;justify-content:flex-start;}
|
||||
.status_detail.type02 .step.on p{color:#ea5404;}
|
||||
.status_detail.type02 .step i{display:inline-block;width:30px;height:30px;margin:0 4px 0 0;background:transparent;border-radius:0;}
|
||||
.status_detail.type02 .step.step01 i{background-image: url(/kccadrPb/usr/image/icon_sub_prc_type02_01.png);}
|
||||
.status_detail.type02 .step.step01.on i{background-image: url(/kccadrPb/usr/image/icon_sub_prc_type02_01_on.png);}
|
||||
.status_detail.type02 .step.step02 i{background-image: url(/kccadrPb/usr/image/icon_sub_prc_type02_02.png);}
|
||||
.status_detail.type02 .step.step02.on i{background-image: url(/kccadrPb/usr/image/icon_sub_prc_type02_02_on.png);}
|
||||
.status_detail.type02 .step.step03 i{background-image: url(/kccadrPb/usr/image/icon_sub_prc_type02_03.png);}
|
||||
.status_detail.type02 .step.step03.on i{background-image: url(/kccadrPb/usr/image/icon_sub_prc_type02_03_on.png);}
|
||||
.status_detail.type02 .step.step04 i{background-image: url(/kccadrPb/usr/image/icon_sub_prc_type02_04.png);}
|
||||
.status_detail.type02 .step.step04.on i{background-image: url(/kccadrPb/usr/image/icon_sub_prc_type02_04_on.png);}
|
||||
.status_detail.type02 .step p{font-size:18px;font-weight:400;color:#666;}
|
||||
.status_detail.type02 .step .step_summary{width:100%;height:calc(100% - 35px);padding:10px 15px;background:#f1f2f4;border-radius:5px;margin:10px 0 0 0;font-size:15px;font-weight:300;color:#666;box-sizing:border-box;line-height:1.4;}
|
||||
.status_detail.type02 .step.on .step_summary{background:#fdeee5;color:#ea5404;font-weight:400;}
|
||||
.status_detail.type02 .step .step_summary span{display:inline-block;font-size:15px;font-weight:400;color:#666;margin:0 0 0 0;}
|
||||
|
||||
.step_wrap .step i.next{position: absolute; right: -14px; top: 52%; transform: translateY(-50%); width: 24px; height: 24px; background-color: #fff; border: 1px solid #d5d5d5; z-index: 1; color: transparent; background-image: url(/kccadrPb/usr/image/icon_step_next.png); background-repeat: no-repeat; background-position: 59% center; margin-right: 0;}
|
||||
.step_wrap .step i.next,.step_wrap.type02 .step i.next,.step_wrap.type02 .step.on i.next{position: absolute; right: -14px; top: 52%; transform: translateY(-50%); width: 24px; height: 24px; background-color: #fff; border: 1px solid #d5d5d5; z-index: 1; color: transparent; background-image: url(/kccadrPb/usr/image/icon_step_next.png); background-repeat: no-repeat; background-position: 59% center; margin-right: 0;border-radius:100%;}
|
||||
.step_wrap .step:last-child .next{display: none;}
|
||||
|
||||
.exp_date{display: inline-block; padding: 15px 50px; border-radius: 5px; border: 3px solid #2353b5; background-color: #f3f6fb; margin-bottom: 30px;margin-right:4px;}
|
||||
@ -740,6 +757,18 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
|
||||
.work_cont .status02 p{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;width:208px;height:43px;}
|
||||
.work_cont p.status02{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;width:208px;height:43px;}
|
||||
|
||||
.work_flow_wrap.type02 .work_cont{height:600px;}
|
||||
.work_flow_wrap.type02.off .work_cont{height:0;}
|
||||
.work_flow_wrap.type02 .work_cont dl{width:100%;}
|
||||
.work_flow_wrap.type02 .work_cont dl dt{font-size:18px;font-weight:500;margin:20px 0 8px 0;}
|
||||
.work_flow_wrap.type02 .work_cont dl dd{border-bottom:1px solid #e5e5e5;padding:0 0 15px 0;}
|
||||
.work_flow_wrap.type02 .work_cont dl dd:last-child{border-bottom:0;}
|
||||
.work_flow_wrap.type02 .work_cont dl dd p{position:relative;display:block;width:100%;height:auto;border:0;text-align:left;margin:0 0 10px 0;padding:0 0 0 32px;text-indent:-1px;font-size:16px;line-height:1.4;}
|
||||
.work_flow_wrap.type02 .work_cont dl dd p:last-child{margin:0 0 0 0;}
|
||||
.work_flow_wrap.type02 .work_cont dl dd p::after{position:absolute;content:"";width:4px;height:4px;border-radius:100%;background:#ea5404;left:21px;top:6.5px;}
|
||||
.work_flow_wrap.type02 .work_cont dl dd p span{display:block;font-size:15px;font-weight:300;}
|
||||
.work_flow_wrap.type02 .work_cont dl dd p span b{font-weight:400;}
|
||||
|
||||
.popup_wrap .work_flow_wrap {padding:0 10px;margin:0 0 15px;}
|
||||
.popup_wrap .work_flow_wrap .work_tit {padding:10px 0 10px 5px;font-size:16px;}
|
||||
.popup_wrap .work_flow_wrap .work_cont {height:auto;padding:10px 15px;transition:none;}
|
||||
|
||||
@ -70,6 +70,16 @@
|
||||
.status_detail .step{flex-flow: column; justify-content: center; text-align: center;}
|
||||
.status_detail .step i{margin-right: 0; margin-bottom: 10px;}
|
||||
.step_wrap .step .hover_content {left:30px;top:135px;}
|
||||
|
||||
.status_detail.type02{flex-wrap:wrap;}
|
||||
.status_detail.type02.num04 .step{width:calc((100% - 2px)/2);margin:0;}
|
||||
.status_detail.type02.num04 .step01{border-radius:5px 0 0 0;}
|
||||
.status_detail.type02.num04 .step02{border-radius:0 5px 0 0;}
|
||||
.status_detail.type02.num04 .step02 .next{display:none;}
|
||||
.status_detail.type02.num04 .step03{border-radius:0 0 0 5px;margin:-1px 0 0 1px;}
|
||||
.status_detail.type02.num04 .step04{border-radius:0 0 5px 0;margin:-1px 0 0 0;}
|
||||
.status_detail.type02 .step .step_summary{text-align:left;}
|
||||
.status_detail.type02.num04 .step03 .next{clip:auto;}
|
||||
/* //조정진행상세 */
|
||||
|
||||
/* cont - 이용안내 */
|
||||
@ -323,6 +333,9 @@
|
||||
.status_detail.num07 .step:last-child{border-left: 1px solid #d5d5d5;}
|
||||
.step_wrap .step:hover .hover_content {display:none;}
|
||||
|
||||
.status_detail.type02.num04 .step01{border-radius:5px 0 0 0;}
|
||||
.status_detail.type02.num04 .step03{margin:-1px 0 0 0;}
|
||||
.status_detail.type02.num04 .step04{border-radius:0 0 5px 0;margin:-1px 0 0 0;}
|
||||
/* //조정진행상세 */
|
||||
|
||||
.tbType01{table-layout: auto;}
|
||||
|
||||
BIN
src/main/webapp/kccadrPb/usr/image/icon_sub_prc_type02_01.png
Normal file
|
After Width: | Height: | Size: 669 B |
BIN
src/main/webapp/kccadrPb/usr/image/icon_sub_prc_type02_01_on.png
Normal file
|
After Width: | Height: | Size: 676 B |
BIN
src/main/webapp/kccadrPb/usr/image/icon_sub_prc_type02_02.png
Normal file
|
After Width: | Height: | Size: 441 B |
BIN
src/main/webapp/kccadrPb/usr/image/icon_sub_prc_type02_02_on.png
Normal file
|
After Width: | Height: | Size: 446 B |
BIN
src/main/webapp/kccadrPb/usr/image/icon_sub_prc_type02_03.png
Normal file
|
After Width: | Height: | Size: 543 B |
BIN
src/main/webapp/kccadrPb/usr/image/icon_sub_prc_type02_03_on.png
Normal file
|
After Width: | Height: | Size: 572 B |
BIN
src/main/webapp/kccadrPb/usr/image/icon_sub_prc_type02_04.png
Normal file
|
After Width: | Height: | Size: 570 B |
BIN
src/main/webapp/kccadrPb/usr/image/icon_sub_prc_type02_04_on.png
Normal file
|
After Width: | Height: | Size: 588 B |
806
src/main/webapp/kccadrPb/usr/workflow2.html
Normal file
@ -0,0 +1,806 @@
|
||||
<!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>
|
||||
<p>접수일 : <span>2021-07-15</span></p>
|
||||
<p>진행현황 : <span>조정진행</span></p>
|
||||
</div>
|
||||
|
||||
<div class="step_wrap status_detail num04 type02">
|
||||
<div class="step step01 on">
|
||||
<div class="step_title">
|
||||
<i></i>
|
||||
<p>신청접수</p>
|
||||
</div>
|
||||
<i class="next">다음</i>
|
||||
<ul class="step_summary">
|
||||
<li>1. 시스템 조정신청</li>
|
||||
<li>2. 서류보완</li>
|
||||
<li>3. 조정비용 납부</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="step step02">
|
||||
<div class="step_title">
|
||||
<i></i>
|
||||
<p>기일지정</p>
|
||||
</div>
|
||||
<i class="next">다음</i>
|
||||
<ul class="step_summary">
|
||||
<li>1. 조정사건 검토</li>
|
||||
<li>2. 기일지정</li>
|
||||
<li>3. 양 당사자 기일출석 통지</li>
|
||||
<li>4. 답변서, <span>준비서면</span>등 제출</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="step step03">
|
||||
<div class="step_title">
|
||||
<i></i>
|
||||
<p>조정권고</p>
|
||||
</div>
|
||||
<i class="next">다음</i>
|
||||
<ul class="step_summary">
|
||||
<li>1. 조정기일진행</li>
|
||||
<li>2. 1차, 2차, 3차로 계속 진행 가능</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="step step04">
|
||||
<div class="step_title">
|
||||
<i></i>
|
||||
<p>사건종결</p>
|
||||
</div>
|
||||
<ul class="step_summary">
|
||||
<li>1. 조정 성립</li>
|
||||
<li>2. 조정 불성립</li>
|
||||
<li>3. 조정신청 취하</li>
|
||||
</ul>
|
||||
</div>
|
||||
</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 type02 off">
|
||||
<div class="work_tit">
|
||||
<p>조정진행 워크플로우</p>
|
||||
<button type="button" class="btn_open"><i></i></button>
|
||||
</div>
|
||||
<div class="work_cont">
|
||||
<dl>
|
||||
<dt>1. 시스템 조정신청 완료</dt>
|
||||
<dd><p>담당 조사관이 신청서류를 검토한 후, 보완이 필요한 경우 서류의 보완요청을, 보완이 필요하지 않거나 요청한 서류보완이 완료된 경우 조정비용 납부를 요청합니다.</p></dd>
|
||||
<dt>2. 조정비용 납부 완료 및 신청 접수 </dt>
|
||||
<dd>
|
||||
<p>비용 납부가 완료되면 조정신청을 접수하고 분쟁사건 내용을 검토합니다.<br />검토 과정에서 양 당사자에게 연락을 드리거나 필요한 서류를 요청할 수 있습니다.</p>
|
||||
</dd>
|
||||
<dt>3. 조정기일 지정 및 양 당사자(신청인·피신청인) 출석 통지</dt>
|
||||
<dd>
|
||||
<p>
|
||||
조정기일에는 양 당사자의 출석이 원칙입니다.<br />부득이하게 출석이 불가한 경우에는 기일변경 신청을 할 수 있습니다.<span class="gray_text small">※ 기일 5일 전까지, 담당 조사관에 문의 필수</span>
|
||||
</p>
|
||||
<p>양 당사자는 기일 5일 전까지 답변서 또는 준비서면을 제출하여 의견을 제시하여야 합니다.</p>
|
||||
</dd>
|
||||
<dt>4. 기일지정</dt>
|
||||
<dd>
|
||||
<p>
|
||||
양 당사자는 기일에 출석하여 의견을 진술하고 조정부의 조력을 통해 원만한 합의를 모색합니다.
|
||||
<span class="gray_text small">
|
||||
<b>가.</b> (당사자 합의) : 조정 성립 <br />
|
||||
</span>
|
||||
<span class="gray_text small">
|
||||
<b>나.</b> (조정부 조정권고안) : 양 당사자 수락 - 조정 성립 / 일방 당사자 불수락 – 조정 불성립 <br />
|
||||
</span>
|
||||
<span class="gray_text small">
|
||||
<b>다.</b> (조정부 직권조정결정안) : 양 당사자 이의신청 없음 – 조정 성립 / 일방 당사자 이의신청 제기 – 조정 불성립 <br />
|
||||
</span>
|
||||
<span class="gray_text small">
|
||||
<b>라.</b> (양 당사자 합의 불가) : 조정 불성립<br />
|
||||
</span>
|
||||
</p>
|
||||
</dd>
|
||||
<dt>5. 사건종결</dt>
|
||||
<dd><p>조정 성립·불성립 또는 조정신청 취하의 결과를 양 당사자에게 통보하면 사건이 종결됩니다.</p></dd>
|
||||
</dl>
|
||||
</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>
|
||||