This commit is contained in:
leejunho 2023-10-23 09:45:02 +09:00
commit 81fba8d31f
27 changed files with 3143 additions and 7 deletions

View File

@ -169,6 +169,9 @@ p+.list_util{width: auto;}
.btnType07 {height:46px;padding:0 15px;font-size:18px;font-weight:400;color:#555;border:1px solid #555;border-radius:5px;transition:all 0.1s linear;} .btnType07 {height:46px;padding:0 15px;font-size:18px;font-weight:400;color:#555;border:1px solid #555;border-radius:5px;transition:all 0.1s linear;}
.btnType07:hover {background:#fafafa;} .btnType07:hover {background:#fafafa;}
.btnType08 {display:inline-block;width:95px;height:33px;padding:0 10px;font-size:15px;line-height:30px;text-align:left;color:#666;border:1px solid #d5d5d5;background:url(/kccadrPb/adm/image/icon_btnType08.png) no-repeat right center;border-radius:5px;box-sizing:border-box;} .btnType08 {display:inline-block;width:95px;height:33px;padding:0 10px;font-size:15px;line-height:30px;text-align:left;color:#666;border:1px solid #d5d5d5;background:url(/kccadrPb/adm/image/icon_btnType08.png) no-repeat right center;border-radius:5px;box-sizing:border-box;}
.btnType09{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; background-color: #fdeded; color: #e40000; border:1px solid #e40000; border-radius: 5px; transition: all 0.1s linear;}
.btnType09:hover{background-color: #e40000; color: #fff; transition: all 0.1s linear;}
p+.sortBtn{display:inline-block;border:0;width:14px;height:100%;background:url(/kccadrPb/adm/image/sort_btn_img.png) no-repeat right center;margin: 0 0 0 4px;} p+.sortBtn{display:inline-block;border:0;width:14px;height:100%;background:url(/kccadrPb/adm/image/sort_btn_img.png) no-repeat right center;margin: 0 0 0 4px;}
p+button.sortBtn{height:8px;} p+button.sortBtn{height:8px;}

View File

@ -52,6 +52,10 @@
</ul> --> </ul> -->
<p class="menu_tit">법원연계조정</p> <p class="menu_tit">법원연계조정</p>
<ul class="dep01"> <ul class="dep01">
<li><a href="/kccadrPb/adm/history_read_ask_list.html">조정사건 기록 열람 신청 관리</a></li>
<li><a href="/kccadrPb/adm/history_read_ask_detail_post.html">조정사건 기록 열람 신청 관리 상세(우편발송)</a></li>
<li><a href="/kccadrPb/adm/history_read_ask_detail_visit.html">조정사건 기록 열람 신청 관리 상세(방문예약)</a></li>
<li>====================================================================</li>
<li><a href="/kccadrPb/adm/law_login.html">법원연계조정 로그인</a></li> <li><a href="/kccadrPb/adm/law_login.html">법원연계조정 로그인</a></li>
<li><a href="/kccadrPb/adm/law_progress_list.html">법원연계조정 진행 목록</a></li> <li><a href="/kccadrPb/adm/law_progress_list.html">법원연계조정 진행 목록</a></li>
<li><a href="/kccadrPb/adm/law_progress_add.html">법원연계조정 등록</a></li> <li><a href="/kccadrPb/adm/law_progress_add.html">법원연계조정 등록</a></li>

View File

@ -0,0 +1,118 @@
<!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/content.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
<!-- script -->
<script src="/kccadrPb/adm/script/jquery-3.5.0.js"></script>
<script src="/kccadrPb/adm/script/common.js"></script>
<script src="/kccadrPb/adm/script/content.js"></script>
<script src="/kccadrPb/adm/script/calendar.js"></script>
</head>
<body>
<div class="wrap">
<div class="area_left"></div>
<!-- top_utill+cont -->
<div class="area_right">
<div class="top_util"></div>
<!-- cont -->
<div class="cont_wrap">
<div class="box">
<!-- cont_tit -->
<div class="cont_tit">
<h2>조정사건 기록 열람 신청 관리 상세(우편발송)</h2>
<ul class="cont_nav">
<li class="home"><a href="/"><i></i></a></li>
<li>
<p>조정사건 기록 열람 신청 관리</p>
</li>
</ul>
</div>
<!-- //cont_tit -->
<div class="cont">
<!-- list_상세 -->
<p class="tb_tit">기록 열람 신청</p>
<div class="tbType02">
<table>
<colgroup>
<col style="width: 200px;">
<col style="width: auto;">
</colgroup>
<tbody class="border_0">
<tr>
<th>발급구분</th>
<td>2023-09-21</td>
</tr>
<tr>
<th>조정번호</th>
<td>2021조정050</td>
</tr>
<tr>
<th>신청인 구분</th>
<td>조정신청인</td>
</tr>
<tr>
<th>연락처</th>
<td>010-4545-4545</td>
</tr>
<tr>
<th>주소</th>
<td>(12345)서울시 송파구 무슨대로 11-1</td>
</tr>
<tr>
<th>발급종류</th>
<td>조정조서</td>
</tr>
<tr>
<th>발급부수</th>
<td>3부</td>
</tr>
<tr>
<th>요청내용</th>
<td>출력을 하고 싶습니다.</td>
</tr>
<tr>
<th>발급상태</th>
<td>신청</td>
</tr>
<tr>
<th>발급비용</th>
<td>5,000원</td>
</tr>
</tbody>
</table>
</div>
<p class="cfText" style="margin: 10px 0 0 0;">· 기록발급은 신청인만 가능하며, 대리인은 신청이 불가합니다.</p>
<div class="btn_wrap btn_layout01">
<div class="area_left"></div>
<div class="area_right" style="width: auto;">
<button type="button" class="btnType02" onclick="popOpen('/kccadrPb/adm/popup_fee03.html','수수료 등록', '380','300')">비용납부</button>
<button type="button" class="btnType06">승인</button>
<button type="button" class="btnType09" onclick="popOpen('/kccadrPb/adm/popup_rej.html','신청반려', '460','320')">반려</button>
<button type="button" class="btnType04">목록</button>
</div>
</div>
<!-- //list_상세 -->
</div>
</div>
</div>
<!-- //cont -->
</div>
<!-- //top_utill+cont -->
</div>
</body>
</html>

View File

@ -0,0 +1,117 @@
<!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/content.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
<!-- script -->
<script src="/kccadrPb/adm/script/jquery-3.5.0.js"></script>
<script src="/kccadrPb/adm/script/common.js"></script>
<script src="/kccadrPb/adm/script/content.js"></script>
<script src="/kccadrPb/adm/script/calendar.js"></script>
</head>
<body>
<div class="wrap">
<div class="area_left"></div>
<!-- top_utill+cont -->
<div class="area_right">
<div class="top_util"></div>
<!-- cont -->
<div class="cont_wrap">
<div class="box">
<!-- cont_tit -->
<div class="cont_tit">
<h2>조정사건 기록 열람 신청 관리 상세(방문예약)</h2>
<ul class="cont_nav">
<li class="home"><a href="/"><i></i></a></li>
<li>
<p>조정사건 기록 열람 신청 관리</p>
</li>
</ul>
</div>
<!-- //cont_tit -->
<div class="cont">
<!-- list_상세 -->
<p class="tb_tit">기록 열람 신청</p>
<div class="tbType02">
<table>
<colgroup>
<col style="width: 200px;">
<col style="width: auto;">
</colgroup>
<tbody class="border_0">
<tr>
<th>발급구분</th>
<td>2023-09-21</td>
</tr>
<tr>
<th>조정번호</th>
<td>2021조정050</td>
</tr>
<tr>
<th>신청인 구분</th>
<td>조정신청인</td>
</tr>
<tr>
<th>연락처</th>
<td>010-4545-4545</td>
</tr>
<tr>
<th>주소</th>
<td>(12345)서울시 송파구 무슨대로 11-1</td>
</tr>
<tr>
<th>발급종류</th>
<td>조정조서</td>
</tr>
<tr>
<th>발급부수</th>
<td>3부</td>
</tr>
<tr>
<th>요청내용</th>
<td>출력을 하고 싶습니다.</td>
</tr>
<tr>
<th>발급상태</th>
<td>신청</td>
</tr>
<tr>
<th>발급비용</th>
<td>5,000원</td>
</tr>
</tbody>
</table>
</div>
<p class="cfText" style="margin: 10px 0 0 0;">· 기록발급은 신청인만 가능하며, 대리인은 신청이 불가합니다.</p>
<div class="btn_wrap btn_layout01">
<div class="area_left"></div>
<div class="area_right" style="width: auto;">
<button type="button" class="btnType06">승인</button>
<button type="button" class="btnType09" onclick="popOpen('/kccadrPb/adm/popup_rej.html','신청반려', '460','320')">반려</button>
<button type="button" class="btnType04">목록</button>
</div>
</div>
<!-- //list_상세 -->
</div>
</div>
</div>
<!-- //cont -->
</div>
<!-- //top_utill+cont -->
</div>
</body>
</html>

View File

@ -0,0 +1,226 @@
<!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/content.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
<!-- script -->
<script src="/kccadrPb/adm/script/jquery-3.5.0.js"></script>
<script src="/kccadrPb/adm/script/common.js"></script>
<script src="/kccadrPb/adm/script/content.js"></script>
<script src="/kccadrPb/adm/script/calendar.js"></script>
</head>
<body>
<div class="wrap">
<div class="area_left"></div>
<!-- top_utill+cont -->
<div class="area_right">
<div class="top_util"></div>
<!-- cont -->
<div class="cont_wrap">
<div class="box">
<!-- cont_tit -->
<div class="cont_tit">
<h2>법원연계조정 결재 목록 조회</h2>
<ul class="cont_nav">
<li class="home"><a href="/"><i></i></a></li>
<li>
<p>법원연계조정 관리</p>
</li>
</ul>
</div>
<!-- //cont_tit -->
<div class="cont">
<!-- list_top -->
<div class="list_top">
<div class="list_util">
<div class="detail_search">
<ul>
<li>
<p class="tit_text">발급종류</p>
<div class="check_wrap">
<span><input type="checkbox" value="99" name="searchtTypeArr" id="searchtTypeArr1"><label for="searchtTypeArr1">전체</label></span>
<span><input type="checkbox" value="101010" name="searchtTypeArr" id="searchtTypeArr2"><label for="searchtTypeArr2">조정종결통보서</label></span>
<span><input type="checkbox" value="102010" name="searchtTypeArr" id="searchtTypeArr3"><label for="searchtTypeArr3">기일조서</label></span>
<span><input type="checkbox" value="102050" name="searchtTypeArr" id="searchtTypeArr4"><label for="searchtTypeArr4">조정조서</label></span>
<span><input type="checkbox" value="102050" name="searchtTypeArr" id="searchtTypeArr5"><label for="searchtTypeArr5">직권결정문</label></span>
<span><input type="checkbox" value="102050" name="searchtTypeArr" id="searchtTypeArr6"><label for="searchtTypeArr6">직권결정문송달 및 확정증명원</label></span>
<span><input type="checkbox" value="102050" name="searchtTypeArr" id="searchtTypeArr7"><label for="searchtTypeArr7">조정신청서 및 첨부서류(본인 제출서류에 한함)</label></span>
</div>
</li>
<li>
<p class="tit_text">발급상태</p>
<div class="check_wrap">
<span><input type="checkbox" value="99" name="searchStatusArr" id="searchSatus1"><label for="searchSatus1">전체</label></span>
<span><input type="checkbox" value="101010" name="searchStatusArr" id="searchSatus2"><label for="searchSatus2">신청</label></span>
<span><input type="checkbox" value="102010" name="searchStatusArr" id="searchSatus3"><label for="searchSatus3">비용납부</label></span>
<span><input type="checkbox" value="102050" name="searchStatusArr" id="searchSatus4"><label for="searchSatus4">승인</label></span>
<span><input type="checkbox" value="102050" name="searchStatusArr" id="searchSatus5"><label for="searchSatus5">반려</label></span>
<span><input type="checkbox" value="102050" name="searchStatusArr" id="searchSatus6"><label for="searchSatus6">발급완료</label></span>
</div>
</li>
<li>
<p class="tit_text">신청일자</p>
<div class="radio_wrap">
<span><input checked="" value="1" type="radio" name="searchMonth" id="month1"><label for="month1">1개월</label></span>
<span><input value="3" type="radio" name="searchMonth" id="month3"><label for="month3">3개월</label></span>
<span><input value="6" type="radio" name="searchMonth" id="month6"><label for="month6">6개월</label></span>
<span><input value="99" type="radio" name="searchMonth" id="monthEtc"><label for="monthEtc">기간지정</label></span>
<div id="sel_date" class="sel_date">
<input type="text" class="startDate inp" title="검색시작일" id="startDate01" name="searchStartDt" value="2023-09-16" data-datecontrol="true" readonly="">
<div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate01-lry','',this)" class="btn_cal"></button>
<div id="startDate01-lry" class="calendarPop" style="display: none;">
<iframe id="startDate01-ifrm" name="startDate01-ifrm" class="calendar-frame" src="/kccadrPb/adm/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
</div>
</div> ~
<input type="text" class="endDate inp" title="검색시작일" id="endDate" name="searchEndDt" value="2023-10-16" data-datecontrol="true" readonly="">
<div class="calendar_in" id="calendarName_endDate" style="z-index: 9;">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)" class="btn_cal"></button>
<div id="endDate-lry" class="calendarPop" style="display: none;">
<iframe id="endDate-ifrm" name="endDate-ifrm" class="calendar-frame" src="/kccadrPb/adm/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<button class="btn_search" onclick="fncGoList(); return false;">검색</button>
</li>
</ul>
</div>
</div>
</div>
<!-- //list_top -->
<!-- list -->
<div class="list tbType01">
<table>
<colgroup>
<col style="width:80px;">
<col style="width:calc((100% - 80px)/9);">
<col style="width:calc((100% - 80px)/9);">
<col style="width:calc((100% - 80px)/9);">
<col style="width:calc((100% - 80px)/9);">
<col style="width:calc((100% - 80px)/9);">
<col style="width:calc((100% - 80px)/9);">
<col style="width:calc((100% - 80px)/9);">
<col style="width:calc((100% - 80px)/9);">
</colgroup>
<thead>
<tr>
<th>번호</th>
<th>발급구분</th>
<th>신청일자</th>
<th>조정번호</th>
<th>조정신청인</th>
<th>종결상태</th>
<th>발급신청인</th>
<th>발급종류</th>
<th>발급상태</th>
</tr>
</thead>
<tbody>
<tr>
<td>6</td>
<td>우편</td>
<td><a href="#none">2022-07-26</a></td>
<td><a href="#none">2021조정055</a></td>
<td>홍길동</td>
<td>직권조정</td>
<td>홍길동</td>
<td>조정조서</td>
<td><p class="status_waiting">비용납부</p></td>
</tr>
<tr>
<td>6</td>
<td>우편</td>
<td><a href="#none">2022-07-26</a></td>
<td><a href="#none">2021조정055</a></td>
<td>홍길동</td>
<td>직권조정</td>
<td>홍길동</td>
<td>조정조서</td>
<td><p class="status_ing">승인</p></td>
</tr>
<tr>
<td>6</td>
<td>우편</td>
<td><a href="#none">2022-07-26</a></td>
<td><a href="#none">2021조정055</a></td>
<td>홍길동</td>
<td>직권조정</td>
<td>홍길동</td>
<td>조정조서</td>
<td><p class="status_req">반려</p></td>
</tr>
<tr>
<td>6</td>
<td>우편</td>
<td><a href="#none">2022-07-26</a></td>
<td><a href="#none">2021조정055</a></td>
<td>홍길동</td>
<td>직권조정</td>
<td>홍길동</td>
<td>조정조서</td>
<td><p class="status_cmp">신청취소</p></td>
</tr>
<tr>
<td>6</td>
<td>방문</td>
<td><a href="#none">2022-07-26</a></td>
<td>2021조정055</td>
<td>홍길동</td>
<td>직권조정</td>
<td>홍길동</td>
<td>조정조서</td>
<td><p class="status_cmp">발급완료</p></td>
</tr>
<tr>
<td colspan="9">결재할 목록이 없습니다.</td>
</tr>
</tbody>
</table>
</div>
<!-- //list -->
<!-- page -->
<div class="page">
<button type="button" class="btn_page_first" title="첫 페이지 이동"><i></i></button>
<button type="button" class="btn_page_prev" title="이전 페이지 이동"><i></i></button>
<button type="button" class="on" title="1 페이지 이동">1</button>
<button type="button" title="2 페이지 이동">2</button>
<button type="button" title="3 페이지 이동">3</button>
<button type="button" title="4 페이지 이동">4</button>
<button type="button" title="5 페이지 이동">5</button>
<button type="button" title="6 페이지 이동">6</button>
<button type="button" title="7 페이지 이동">7</button>
<button type="button" title="8 페이지 이동">8</button>
<button type="button" title="9 페이지 이동">9</button>
<button type="button" title="10 페이지 이동">10</button>
<button type="button" class="btn_page_next" title="다음 페이지 이동"><i></i></button>
<button type="button" class="btn_page_last" title="마지막 페이지 이동"><i></i></button>
</div>
<!-- //page -->
</div>
</div>
</div>
<!-- //cont -->
</div>
<!-- //top_utill+cont -->
</div>
</body>
</html>

View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<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/content.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/popup.css">
</head>
<body>
<div class="area_popup fee_popup" style="width: 380px;">
<div class="cont_popup">
<div class="tb_tit">
<p>수수료 등록</p>
</div>
<table class="pop_tbType01">
<colgroup>
<col style="width: 35%;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>수수료 근거</th>
<td><p>조정조서 3부</p></td>
</tr>
<tr>
<th>수수료 금액</th>
<td><input type="text"></td>
</tr>
</tbody>
</table>
<div class="btn_wrap btn_layout04">
<button type="button" class="btnType06">납부요청</button>
<button type="button" class="btnType04">닫기</button>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<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/content.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
<link rel="stylesheet" href="/kccadrPb/adm/css/popup.css">
</head>
<body>
<div class="area_popup fee_popup" style="width: 450px;">
<div class="cont_popup">
<div class="tb_tit">
<p>신청 반려</p>
</div>
<table class="pop_tbType01">
<colgroup>
<col style="width: 35%;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>반려 사유</th>
<td><textarea name="" id="" cols="30" rows="3"></textarea></td>
</tr>
</tbody>
</table>
<div class="btn_wrap btn_layout04">
<button type="button" class="btnType06">반려</button>
<button type="button" class="btnType04">닫기</button>
</div>
</div>
</div>
</body>
</html>

View File

@ -106,6 +106,26 @@ footer address p:first-child{margin-bottom: 8px;}
.error_wrap .error_btn {text-align:center;} .error_wrap .error_btn {text-align:center;}
.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;} .error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
/* quick menu */
.quick_menu_wrap{position:fixed;top:50%;right:8%;transform:translateY(-50%);z-index:20;}
.quick_menu_wrap .quick_title{width:85px;height:35px;border-radius:5px 5px 0 0;background-color:#ea5404;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:33px;margin:0 auto;}
.quick_menu_wrap .quick_ul{width:110px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.2);padding:10px 10px 20px 10px;box-sizing:border-box;}
.quick_menu_wrap .quick_li{font-size:16px;font-weight:400;text-align:center;letter-spacing:-0.45px;margin:0 0 10px 0;transition:all 0.15s ease-in-out;}
.quick_menu_wrap .quick_li:last-child{margin:0 0 0 0;}
.quick_menu_wrap .quick_li i{display:block;width:100%;height:50px;text-align:center;background-repeat:no-repeat;background-position:center;margin:0 0 5px 0;transition:all 0.15s ease-in-out;}
.quick_menu_wrap .quick_li .icon_quickmenu_glossary{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_glossary.png);background-position:calc(50% + 8px) center;}
.quick_menu_wrap .quick_li .icon_quickmenu_adj_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_adj_case.png);background-position:calc(50% + 10px) center;}
.quick_menu_wrap .quick_li .icon_quickmenu_apl_form{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_apl_form.png);}
.quick_menu_wrap .quick_li .icon_quickmenu_progress_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_progress_case.png);background-position:calc(50% + 8px) center;}
.quick_menu_wrap .quick_li .icon_quickmenu_fee{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_fee.png);background-position:calc(50% + 2px) center;}
.quick_menu_wrap .quick_li:hover{color:#ea5404;transition:all 0.15s ease-in-out;font-weight:500;}
.quick_menu_wrap .quick_li:hover .icon_quickmenu_glossary{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_glossary_hover.png);}
.quick_menu_wrap .quick_li:hover .icon_quickmenu_adj_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_adj_case_hover.png);}
.quick_menu_wrap .quick_li:hover .icon_quickmenu_apl_form{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_apl_form_hover.png);}
.quick_menu_wrap .quick_li:hover .icon_quickmenu_progress_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_progress_case_hover.png);}
.quick_menu_wrap .quick_li:hover .icon_quickmenu_fee{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_fee_hover.png);}
@media all and (max-width: 1280px){ @media all and (max-width: 1280px){
/* header */ /* header */
.header_inner .nav_wrap{padding: 0 15px;} .header_inner .nav_wrap{padding: 0 15px;}

View File

@ -57,7 +57,7 @@
.cf_text02{font-size: 16px; font-weight: 300; color: #e40000; text-align: right; margin: 10px 0 0 0;} .cf_text02{font-size: 16px; font-weight: 300; color: #e40000; text-align: right; margin: 10px 0 0 0;}
.hover_content_wrap {position:relative;} .hover_content_wrap {position:relative;width: 100%;}
.hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;} .hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;}
.hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;} .hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;}
.hover_content_wrap:hover .hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;} .hover_content_wrap:hover .hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;}
@ -146,6 +146,7 @@
.list_util .sel_date{display: inline-block; font-size: 18px; font-weight: 300; color: #555; vertical-align: middle;} .list_util .sel_date{display: inline-block; font-size: 18px; font-weight: 300; color: #555; vertical-align: middle;}
.list_util .sel_date input{width: 150px; margin: 0 5px;} .list_util .sel_date input{width: 150px; margin: 0 5px;}
.list_util .sel_date .time_select{width: 80px;}
/* .list_util .sel_date button{width: 20px; height: 18px;background-color: transparent; border-radius: 0; margin-left: -40px; margin-right: 20px;} */ /* .list_util .sel_date button{width: 20px; height: 18px;background-color: transparent; border-radius: 0; margin-left: -40px; margin-right: 20px;} */
/* .list_util .sel_date .btn_cal{background-image: url(/kccadrPb/usr/image/btn_cal.png); background-repeat: no-repeat;} */ /* .list_util .sel_date .btn_cal{background-image: url(/kccadrPb/usr/image/btn_cal.png); background-repeat: no-repeat;} */
.list_util .sel_date button{width: 20px; height: 18px; background-color: transparent; border-radius: 0;} .list_util .sel_date button{width: 20px; height: 18px; background-color: transparent; border-radius: 0;}
@ -270,6 +271,10 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.cont_wrap .inner>.tb_top_btns{display: flex; justify-content: flex-end; margin-bottom: 15px} .cont_wrap .inner>.tb_top_btns{display: flex; justify-content: flex-end; margin-bottom: 15px}
.tb_wrap .tb_bottom{margin:10px 0 0 0;}
.tb_wrap .tb_bottom .cf_text{font-size:16px;color:#222;margin:4px 0 0 0;}
.tb_wrap .tb_bottom .cf_text:first-child{margin: 0;}
.tb_tit{font-size: 20px; margin-bottom: 10px; margin-top: 40px;} .tb_tit{font-size: 20px; margin-bottom: 10px; margin-top: 40px;}
.tb_tit:first-of-type{margin-top: 20px;} .tb_tit:first-of-type{margin-top: 20px;}
@ -291,7 +296,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.tbType01 th .req_text+p{display: inline-block; padding-left: 3px;} .tbType01 th .req_text+p{display: inline-block; padding-left: 3px;}
.tbType01 td{padding: 15px 0 15px 20px; height: 70px; vertical-align: middle; box-sizing: border-box;} .tbType01 td{padding: 15px 0 15px 20px; height: 70px; vertical-align: middle; box-sizing: border-box;}
.tbType01 td p{font-size: 18px; color: #222; font-weight: 300; line-height: 1.4; word-break: break-all;} .tbType01 td p{display: inline-block; font-size: 18px; color: #222; font-weight: 300; line-height: 1.4; word-break: break-all;}
.tbType01 td input{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 0 0 15px; font-size: 16px; color: #222; height: 38px; box-sizing: border-box;} .tbType01 td input{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 0 0 15px; font-size: 16px; color: #222; height: 38px; box-sizing: border-box;}
.tbType01 td input:-ms-input-placeholder{color: #666 !important;} .tbType01 td input:-ms-input-placeholder{color: #666 !important;}
.tbType01 td select{width: 180px; background-color: #fff; background-image: url(/kccadrPb/usr/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 20px) center; border: 1px solid #e5e5e5; border-radius: 5px; padding-left: 15px; font-size: 16px; color: #555555; height: 40px; line-height: 1.2;} .tbType01 td select{width: 180px; background-color: #fff; background-image: url(/kccadrPb/usr/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 20px) center; border: 1px solid #e5e5e5; border-radius: 5px; padding-left: 15px; font-size: 16px; color: #555555; height: 40px; line-height: 1.2;}
@ -303,6 +308,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
.tbType01 td .check_wrap span input[type="checkbox"]+label,.tbType01 td .radio_wrap span input[type="radio"]+label {margin: 0 0 0 5px} .tbType01 td .check_wrap span input[type="checkbox"]+label,.tbType01 td .radio_wrap span input[type="radio"]+label {margin: 0 0 0 5px}
.tbType01 td .check_wrap input[type="checkbox"],.tbType01 td .radio_wrap input[type="radio"]{vertical-align: middle;} .tbType01 td .check_wrap input[type="checkbox"],.tbType01 td .radio_wrap input[type="radio"]{vertical-align: middle;}
.tbType01 td input:read-only,.tbType01 td input:disabled,.tbType01 td button:disabled,.tbType01 td select:disabled{background-color: #eee !important; color: #aaa !important; font-size: 16px;} .tbType01 td input:read-only,.tbType01 td input:disabled,.tbType01 td button:disabled,.tbType01 td select:disabled{background-color: #eee !important; color: #aaa !important; font-size: 16px;}
.tbType01 td p+button{vertical-align: baseline; margin: 0 0 0 8px;}
.tbType01 tbody .opinion .text {line-height:20px;text-align:right;} .tbType01 tbody .opinion .text {line-height:20px;text-align:right;}
.tbType01 tbody .opinion .text input {width:20px;height:20px;margin:0;} .tbType01 tbody .opinion .text input {width:20px;height:20px;margin:0;}

View File

@ -9,15 +9,30 @@
.btn_down_pdf{display: inline-block; width: 20px; height: 20px; background-image: url(/kccadrPb/usr/image/btn_down_pdf.png); background-repeat: no-repeat; background-position: center;} .btn_down_pdf{display: inline-block; width: 20px; height: 20px; background-image: url(/kccadrPb/usr/image/btn_down_pdf.png); background-repeat: no-repeat; background-position: center;}
.popup_cont{padding: 40px 30px; box-sizing: border-box; border: 1px solid #cccccc; border-top: 0; background-color: #fff; border-radius: 0 0 5px 5px;} .popup_cont{padding: 40px 30px; box-sizing: border-box; border: 1px solid #cccccc; border-top: 0; background-color: #fff; border-radius: 0 0 5px 5px;}
.popup_cont .page{margin-top: 30px;} .popup_cont .page{margin-top: 30px;}
.popup_search{width: 100%; margin-bottom: 15px;} .popup_search{width: 100%; margin-bottom: 15px;}
.popup_search select{width: 150px; height: 35px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; .popup_search select{width: 150px; height: 35px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222;background-image: url(/kccadrPb/usr/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;}
background-image: url(/kccadrPb/usr/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;}
.popup_search input[type="text"]{height: 35px; border: 1px solid #d5d5d5; border-radius: 5px; font-size: 15px; padding-left: 10px; box-sizing: border-box;} .popup_search input[type="text"]{height: 35px; border: 1px solid #d5d5d5; border-radius: 5px; font-size: 15px; padding-left: 10px; box-sizing: border-box;}
.popup_search button{min-width: 60px; height: 35px; margin-left: 7px; font-size: 17px; vertical-align: middle;} .popup_search button{min-width: 60px; height: 35px; margin-left: 7px; font-size: 17px; vertical-align: middle;}
.popup_cont .popup_search.type02{display:flex;border:1px solid #dbdcdd;background-color:#f1f2f4;border-radius:5px;text-align:center;align-items:center;justify-content:center;padding:5px 10px;box-sizing:border-box;}
.popup_cont .popup_search.type02 .search_title{font-size:16px;font-weight:500;margin:0 10px 0 0;}
.popup_cont .popup_search.type02 input{height:30px;}
.popup_cont .popup_search.type02 input::placeholder{font-size:14px;}
.popup_cont .popup_search.type02 button{min-width:60px;height:30px;font-size:16px;font-weight:500;color:#fff;background-color:#ea5404;border-radius:5px;}
.popup_cont .popup_tab_wrap{border:1px solid #d5d5d5;border-radius:5px;margin:0 0 15px 0;}
.popup_cont .popup_tab_wrap .tab_ul{display:flex;align-items:center;}
.popup_cont .popup_tab_wrap .tab_ul .tab_li{position:relative;height:45px;}
.popup_cont .popup_tab_wrap .tab_ul .tab_li::after{position:absolute;content:"";width:1px;height:70%;background-color:#d5d5d5;top:50%;transform:translateY(-50%);}
.popup_cont .popup_tab_wrap .tab_ul .tab_li .tab{width:100%;height:100%;font-size:15px;}
.popup_cont .popup_tab_wrap .tab_ul .tab_li.on .tab{background-color:#ea5404;color:#fff;}
.popup_cont .popup_tab_wrap .tab_ul .tab_li.on .tab::after{position:absolute;content:"";width:100%;height: 100%;border:1px solid #ea5404;left:-1px;top:-1px;z-index:1;border-radius: 5px;}
.result_text{font-size: 15px;font-weight:400;}
.result_text span{color:#0352a9;}
.popup_tbType01{width: 100%; text-align: left; border-top: 1px solid #000; border-bottom: 1px solid #ccc; margin-bottom: 20px;} .popup_tbType01{width: 100%; text-align: left; border-top: 1px solid #000; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.popup_tbType01 tr{border-bottom: 1px solid #e5e5e5;} .popup_tbType01 tr{border-bottom: 1px solid #e5e5e5;}
.popup_tbType01 th,.popup_tbType01 td{height: 40px; vertical-align: middle; font-size: 16px; text-align: left; padding: 12px 0; box-sizing: border-box;} .popup_tbType01 th,.popup_tbType01 td{height: 40px; vertical-align: middle; font-size: 16px; text-align: left; padding: 12px 0; box-sizing: border-box;}
@ -95,6 +110,23 @@
.loading_info_popup .info_wrap p{display: block; text-align: left; margin-bottom: 10px; font-size: 17px;} .loading_info_popup .info_wrap p{display: block; text-align: left; margin-bottom: 10px; font-size: 17px;}
.loading_info_popup .info_wrap p:last-child{margin-bottom: 0;} .loading_info_popup .info_wrap p:last-child{margin-bottom: 0;}
/* 저작권 용어사전 */
.glossary_popup{width:740px;}
.glossary_popup .tab_li{width: calc((100% - 60px)/10);}
.glossary_popup .popup_tab_content{display:flex;max-height:400px;justify-content:space-between;align-items:stretch;}
.glossary_popup .glossary_left_area{width:150px;}
.glossary_popup .glossary_left_area ul{max-height:372px;height:100%;border:2px solid #dbdcdd;margin:8px 0 0 0;padding:0 10px;border-radius:5px;box-sizing:border-box;overflow-y:auto;}
.glossary_popup .glossary_left_area ul button{position:relative;width:100%;height:40px;border-bottom:1px dashed #e5e5e5;text-align:left;font-size:15px;padding:0 0 0 10px;}
.glossary_popup .glossary_left_area ul li:last-child button{border-bottom: 0;}
.glossary_popup .glossary_left_area ul .on button{color:#0352a9;font-weight:600;}
.glossary_popup .glossary_left_area ul button::after{position:absolute;content:"";width:5px;height:5px;border-radius:100%;background-color:#0352a9;left:0;top:18px;}
.glossary_popup .glossary_right_area{width:calc(100% - 170px);height:100%;max-height:400px;margin:25px 0 0 0;}
.glossary_popup .glossary_right_area dl{height:365px;border-top:2px solid #000;border-bottom:1px solid #e5e5e5;}
.glossary_popup .glossary_right_area dl dt{display:flex;height:45px;padding:0 20px;background-color:#f3f3f3;font-size:18px;font-weight:500;align-items:center;line-height:1.4;}
.glossary_popup .glossary_right_area dl dt p{position:relative;}
.glossary_popup .glossary_right_area dl dt p::after{position:absolute;content:"";width: 100%;height:8px;background-color:#ea5404;opacity:0.15;left:0;bottom:0;}
.glossary_popup .glossary_right_area dl dd{max-height:calc(100% - 75px);padding:15px 20px;line-height: 1.5;font-size:16px;font-weight:300;overflow-y:auto;}
@media all and (max-width: 640px){ @media all and (max-width: 640px){
.popup_wrap{width: 90%; max-width: 90% !important; max-height: 90vh; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%); overflow-y: scroll;} .popup_wrap{width: 90%; max-width: 90% !important; max-height: 90vh; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%); overflow-y: scroll;}
} }

View File

@ -41,8 +41,12 @@
</a> </a>
<div class="menu"> <div class="menu">
<ul class="dep01"> <ul class="dep01">
<li><a href="#">XX 목록(완료 8.13)</a></li> <li><a href="/kccadrPb/usr/sub_glossary.html">퀵메뉴, 용어해설 팝업</a></li>
<li><a href="#">XX 상세(작업중)</a></li> <li><a href="/kccadrPb/usr/history_read_ask.html">조정사건 기록 열람 신청</a></li>
<li><a href="/kccadrPb/usr/history_read_ask_list.html">조정사건 기록 열람 신청 목록</a></li>
<li><a href="/kccadrPb/usr/history_read_detail_post.html">조정사건 기록 열람 신청 상세(우편발송)</a></li>
<li><a href="/kccadrPb/usr/history_read_detail_visit.html">조정사건 기록 열람 신청 상세(방문예약)</a></li>
<li>===================================================================</li>
<li><a href="/kccadrPb/usr/index2.html">메인 체험하기(수정 9.15)</a></li> <li><a href="/kccadrPb/usr/index2.html">메인 체험하기(수정 9.15)</a></li>
<li><a href="/kccadrPb/usr/sub02_1_04.html">신청취지/원인 (수정 9.15)</a></li> <li><a href="/kccadrPb/usr/sub02_1_04.html">신청취지/원인 (수정 9.15)</a></li>
<li><a href="/kccadrPb/usr/workflow.html">조정진행 워크플로우 (9.19)</a></li> <li><a href="/kccadrPb/usr/workflow.html">조정진행 워크플로우 (9.19)</a></li>

View File

@ -0,0 +1,585 @@
<!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">
<link rel="stylesheet" href="/kccadrPb/usr/datepicker/classic.css">
<link rel="stylesheet" href="/kccadrPb/usr/datepicker/classic.date.css">
<style>
.tbType01 th.picker__weekday {font-size: 15px;padding-bottom: 0.25em;color: #555;font-weight: 400;background-color: #fff;text-align: center;padding-top: 0;}
.tbType01 .picker__table tr {border-bottom: 0;}
.tbType01 .picker__table td {height: auto;}
</style>
<!-- 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>
<script src="/kccadrPb/usr/script/calendar.js"></script>
<script src="/kccadrPb/usr/datepicker/picker.js"></script>
<script src="/kccadrPb/usr/datepicker/picker.date.js"></script>
<script src="/kccadrPb/usr/datepicker/legacy.js"></script>
<script src="/kccadrPb/usr/datepicker/ko_KR.js"></script>
<script>
// issuance_classify
$(document).ready(function () {
classify();
$(".sel_date").show();
});
function classify() {
if ($("[name=issuance_classify]:checked").val() == "01") {
$(".classify_text").hide();
$(".btn_history_ask").text("열람신청");
$(".tr_visit").hide();
$(".tr_post").show();
} else {
$(".classify_text").show();
$(".btn_history_ask").text("예약신청");
$(".tr_visit").show();
$(".tr_post").hide();
}
}
</script>
</head>
<body>
<!-- 종결 조정사건 목록 -->
<div class="tooltip-wrap">
<div class="popup_wrap list_popup" tabindex="0" data-tooltip-con="list_popup" data-focus="list_popup" data-focus-prev="list_popup_close">
<div class="popup_tit">
<p>종결 조정사건 목록</p> <button class="btn_popup_close tooltip-close" data-focus="list_popup_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<div class="popup_search">
<label for="searchInput">검색어 입력</label>
<input type="text" id="searchInput" placeholder="검색어를 입력하세요." size="30"><button type="button" class="btnType07">검색</button>
</div>
<table class="popup_list">
<caption>종결 조정사건 목록 : 피신청인, 저작물종류등의 정보제공</caption>
<colgroup>
<col style="width: 40%;">
<col style="width: 40%;">
<col style="width: 20%;">
</colgroup>
<thead>
<tr>
<th scope="col">피신청인</th>
<th scope="col">조정번호</th>
<th scope="col">선택</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>김길동</p>
</td>
<td>
<p>2021조정050</p>
</td>
<td><button type="button" class="btnType08">선택</button></td>
</tr>
<tr>
<td>
<p>김길동</p>
</td>
<td>
<p>2021조정050</p>
</td>
<td><button type="button" class="btnType08">선택</button></td>
</tr>
<tr>
<td>
<p>김길동</p>
</td>
<td>
<p>2021조정050</p>
</td>
<td><button type="button" class="btnType08">선택</button></td>
</tr>
<tr>
<td>
<p>김길동</p>
</td>
<td>
<p>2021조정050</p>
</td>
<td><button type="button" class="btnType08">선택</button></td>
</tr>
<tr>
<td>
<p>김길동</p>
</td>
<td>
<p>2021조정050</p>
</td>
<td><button type="button" class="btnType08">선택</button></td>
</tr>
<tr>
<td>
<p>김길동</p>
</td>
<td>
<p>2021조정050</p>
</td>
<td><button type="button" class="btnType08">선택</button></td>
</tr>
</tbody>
</table>
<!-- page -->
<div class="page">
<button class="btn_page_first" title="첫 페이지 이동"><i></i></button>
<button class="btn_page_prev" title="이전 페이지 이동"><i></i></button>
<button class="on" title="1 페이지 이동">1</button>
<button title="2 페이지 이동">2</button>
<button title="3 페이지 이동">3</button>
<button title="4 페이지 이동">4</button>
<button title="5 페이지 이동">5</button>
<button class="btn_page_next" title="다음 페이지 이동"><i></i></button>
<button class="btn_page_last" title="마지막 페이지 이동"><i></i></button>
</div>
<!-- //page -->
<div class="btn_wrap">
<button class="btnType01 tooltip-close" data-focus="list_popup_close">닫기</button>
</div>
</div>
</div>
</div>
<!-- //이전 조정신청 목록 -->
<div class="mask"></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" id="sub">
<div class="inner">
<div class="cont_tit">
<h2>조정사건 기록 열람 신청</h2>
</div>
<div class="tb_top">
<p>기록 열람 신청</p>
</div>
<div class="tb_wrap">
<table class="tbType01">
<colgroup>
<col style="width: 210px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>발급구분</p>
</th>
<td>
<div class="radio_wrap">
<span><input type="radio" id="issuance_classify01" name="issuance_classify" value="01" checked="" onchange="classify();"><label for="issuance_classify01">우편발송</label></span>
<span><input type="radio" id="issuance_classify02" name="issuance_classify" value="02" onchange="classify();"><label for="issuance_classify02">방문예약</label></span>
</div>
</td>
</tr>
<tr>
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>조정번호</p>
</th>
<td><input type="text"> <button type="button" class="btnType01" data-tooltip="list_popup">조회</button></td>
</tr>
<tr>
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>신청인 구분</p>
</th>
<td>
<div class="radio_wrap">
<span><input type="radio" id="rpplUsrDiv01" name="rpplUsrDiv" value="01" checked=""><label for="rpplUsrDiv01">조정신청인</label></span>
<span><input type="radio" id="rpplUsrDiv02" name="rpplUsrDiv" value="02"><label for="rpplUsrDiv02">조정피신청인</label></span>
</div>
</td>
</tr>
<tr>
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>연락처</p>
</th>
<td>
<label for="rpplPhone11" class="label">핸드폰 앞자리 입력</label>
<input id="rpplPhone11" name="adjstRpplList[1].rpplPhone1" class="input_phone" onkeyup="onlyNumber(this)" placeholder="연락처 입력" value="" type="text" size="15" maxlength="3">
-
<label for="rpplPhone21" class="label">핸드폰 가운데자리 입력</label>
<input id="rpplPhone21" name="adjstRpplList[1].rpplPhone2" class="input_phone" onkeyup="onlyNumber(this)" placeholder="연락처 입력" value="" type="text" size="15" maxlength="4">
-
<label for="rpplPhone31" class="label">핸드폰 마지막자리 입력</label>
<input id="rpplPhone31" name="adjstRpplList[1].rpplPhone3" class="input_phone" onkeyup="onlyNumber(this)" placeholder="연락처 입력" value="" type="text" size="15" maxlength="4">
</td>
</tr>
<tr class="tr_post">
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>주소</p>
</th>
<td class="realPost">
<label for="rpplRealPost0" class="label">우편번호 입력</label>
<input id="rpplRealPost0" name="adjstRpplList[0].rpplRealPost" class="adr_input" placeholder="우편번호 입력" value="" readonly="readonly" type="text" size="20">
<button type="button" class="btnType01 btn_adr_search" onclick="fn_postCode(this);" title="새창팝업 열림">우편번호 검색</button>
<div class="detail_address">
<label for="rpplRealAddr0" class="label">주소 입력</label>
<input id="rpplRealAddr0" name="adjstRpplList[0].rpplRealAddr" class="searchResultAddr" placeholder="주소를 입력해주세요." value="" readonly="readonly" type="text" size="45">
<label for="rpplRealAddrDtl0" class="label">나머지주소 입력</label>
<input id="rpplRealAddrDtl0" name="adjstRpplList[0].rpplRealAddrDtl" class="usrInsertAddr" placeholder="상세주소를 입력해주세요." value="" type="text" size="25">
</div>
</td>
</tr>
<tr class="tr_visit">
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>예약일시</p>
</th>
<td>
<div class="list_util" style="text-align: left">
<div class="sel_date">
<div class="calendar_wrap">
<input type="text" class="searchStartDt startDate" title="예약 날짜 선택" id="sbmtDate" name="sbmtDate" onfocus="return calendarOpen('sbmtDate-lry','',this)" onclick="return calendarOpen('sbmtDate-lry','',this)" value="" data-datecontrol="true" onkeyup="this.value = date_mask(this.value)" maxlength="10">
<button type="button" title="달력 팝업 열기" class="btn_start btn_cal" onclick="return calendarOpen('sbmtDate-lry','',this)"><i></i></button>
</div>
<select name="" id="" class="time_select">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
<option value="">10</option>
<option value="">11</option>
<option value="">12</option>
</select> :
<select name="" id="" class="time_select">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
<option value="">10</option>
<option value="">11</option>
<option value="">12</option>
</select>
</div>
</div>
</td>
</tr>
<tr>
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>서류종류</p>
</th>
<td>
<select name="" id="">
<option value="">조정조서</option>
</select>
</td>
</tr>
<tr>
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>발급부수</p>
</th>
<td>
<select name="" id="">
<option value="">1</option>
</select>
</td>
</tr>
<tr>
<th>
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>요청내용</p>
</th>
<td>
<textarea name="" id="" cols="30" rows="10"></textarea>
</td>
</tr>
</tbody>
</table>
<div class="tb_bottom">
<p class="cf_text">· 기록발급은 신청인만 가능하며, 대리인은 신청이 불가합니다.</p>
<p class="cf_text classify_text" style="display: none;">· 사전에 예고없이 방문하지 않을 경우 자동으로 취소됩니다.</p>
</div>
</div>
<!-- 하단 버튼 -->
<div class="btn_wrap btn_layout03">
<div class="btn_left"></div>
<div class="btn_right">
<button class="btnType09 btn_history_ask">열람신청</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>

View File

@ -0,0 +1,570 @@
<!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">
<link rel="stylesheet" href="/kccadrPb/usr/datepicker/classic.css">
<link rel="stylesheet" href="/kccadrPb/usr/datepicker/classic.date.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>
<script src="/kccadrPb/usr/datepicker/picker.js"></script>
<script src="/kccadrPb/usr/datepicker/picker.date.js"></script>
<script src="/kccadrPb/usr/datepicker/legacy.js"></script>
<script src="/kccadrPb/usr/datepicker/ko_KR.js"></script>
</head>
<body>
<div class="mask"></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" id="sub">
<div class="inner">
<div class="cont_tit">
<h2>조정사건 기록 열람 신청 목록</h2>
</div>
<!-- list_top -->
<div class="list_top">
<!-- <p>총 건수 : <span>204</span>건</p> -->
<div class="list_util">
<label for="subSearch">검색조건 선택</label>
<select name="" id="subSearch" class="subSearch">
<option value="1" selected>조정번호</option>
<option value="2">접수기간</option>
<option value="3">신청인명</option>
<option value="4">피신청인명</option>
<option value="5">신청내용</option>
<option value="6">조정상태</option>
</select>
<div class="select_wrap">
<select name="" id="">
<option value="">제출완료</option>
<option value="">작성중</option>
<option value="">보완요청</option>
</select>
</div>
<div class="sel_date">
<div class="calendar_in calendar_wrap" id="calendarName_startDate" style="z-index: 9;">
<input type="text" class="startDate inp" title="검색시작일" id="startDate01" name="startDate01" value="" data-datecontrol="true">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate01-lry','',this)" class="btn_cal"><i></i></button>
<div id="startDate01-lry" class="calendarPop" style="display: none;">
<iframe id="startDate01-ifrm" name="startDate01-ifrm" class="calendar-frame" src="/kccadrPb/usr/mini_calendar.html" title="달력 팝업" frameborder="0" scrolling="no"></iframe>
</div>
</div> ~
<div class="calendar_in calendar_wrap" id="calendarName_endDate" style="z-index: 9;">
<input type="text" class="endDate inp" title="검색종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen2('endDate-lry','',this)" class="btn_cal"><i></i></button>
<div id="endDate-lry" class="calendarPop" style="display: none;">
<iframe id="endDate-ifrm" name="endDate-ifrm" class="calendar-frame" src="/kccadrPb/usr/mini_calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
<div class="input_wrap">
<label for="subSearchTxt">검색어 입력</label>
<input type="text" class="search_input" id="subSearchTxt" placeholder="검색어를 입력하세요">
</div>
<button class="btn_search">검색</button>
</div>
</div>
<!-- //list_top -->
<div class="tb_list01">
<table>
<colgroup>
<col style="width:90px;">
<col style="width:10%;">
<col style="width:12%;">
<col style="width:11%;">
<col style="width:12%;">
<col style="width:12%;">
<col style="width:12%;">
<col style="width:10%;">
<col style="width:auto;">
</colgroup>
<thead>
<tr>
<th>번호</th>
<th>발급구분</th>
<th>신청일자</th>
<th>조정번호</th>
<th>발급종류</th>
<th>조정신청인</th>
<th>종결상태</th>
<th>발급종류</th>
<th>발급상태</th>
</tr>
</thead>
<tbody>
<tr>
<td class="td_num">
<span class="read_only m_th_text">번호</span>
<p>6</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급구분</span>
<p>우편</p>
</td>
<td class="td_date">
<span class="read_only m_th_text">신청일자</span>
<p>2022-07-26</p>
</td>
<td class="td_tit">
<span class="read_only m_th_text">조정번호</span>
<p>2021조정056</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">조정신청인</span>
<p>홍길동</p>
</td>
<td class="td_respondent">
<span class="m_th_text">종결상태</span>
<p>직권조정</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_status">
<span class="read_only m_th_text">발급상태</span>
<p class="status_write">비용납부</p>
</td>
</tr>
<tr>
<td class="td_num">
<span class="read_only m_th_text">번호</span>
<p>6</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급구분</span>
<p>우편</p>
</td>
<td class="td_date">
<span class="read_only m_th_text">신청일자</span>
<p>2022-07-26</p>
</td>
<td class="td_tit">
<span class="read_only m_th_text">조정번호</span>
<p>2021조정056</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">조정신청인</span>
<p>홍길동</p>
</td>
<td class="td_respondent">
<span class="m_th_text">종결상태</span>
<p>직권조정</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_status">
<span class="read_only m_th_text">발급상태</span>
<p>신청취소</p>
</td>
</tr>
<tr>
<td class="td_num">
<span class="read_only m_th_text">번호</span>
<p>6</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급구분</span>
<p>우편</p>
</td>
<td class="td_date">
<span class="read_only m_th_text">신청일자</span>
<p>2022-07-26</p>
</td>
<td class="td_tit">
<span class="read_only m_th_text">조정번호</span>
<p>2021조정056</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">조정신청인</span>
<p>홍길동</p>
</td>
<td class="td_respondent">
<span class="m_th_text">종결상태</span>
<p>직권조정</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_status">
<span class="read_only m_th_text">발급상태</span>
<p class="status_scrq">반려</p>
</td>
</tr>
<tr>
<td class="td_num">
<span class="read_only m_th_text">번호</span>
<p>6</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급구분</span>
<p>우편</p>
</td>
<td class="td_date">
<span class="read_only m_th_text">신청일자</span>
<p>2022-07-26</p>
</td>
<td class="td_tit">
<span class="read_only m_th_text">조정번호</span>
<p>2021조정056</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">조정신청인</span>
<p>홍길동</p>
</td>
<td class="td_respondent">
<span class="m_th_text">종결상태</span>
<p>직권조정</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_status">
<span class="read_only m_th_text">발급상태</span>
<p>발급완료</p>
</td>
</tr>
<tr>
<td class="td_num">
<span class="read_only m_th_text">번호</span>
<p>6</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급구분</span>
<p>우편</p>
</td>
<td class="td_date">
<span class="read_only m_th_text">신청일자</span>
<p>2022-07-26</p>
</td>
<td class="td_tit">
<span class="read_only m_th_text">조정번호</span>
<p>2021조정056</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">조정신청인</span>
<p>홍길동</p>
</td>
<td class="td_respondent">
<span class="m_th_text">종결상태</span>
<p>직권조정</p>
</td>
<td class="td_deputy">
<span class="m_th_text">발급종류</span>
<p>조정조서</p>
</td>
<td class="td_status">
<span class="read_only m_th_text">발급상태</span>
<p>2022-07-28 13:00</p>
</td>
</tr>
</tbody>
</table>
</div>
<!-- 하단 버튼 -->
<div class="btn_wrap btn_layout01">
<button class="btnType09" >기록 열람 신청</button>
</div>
<!-- //하단 버튼 -->
<!-- page -->
<div class="page">
<button class="btn_page_first" title="첫 페이지 이동"><i></i></button>
<button class="btn_page_prev" title="이전 페이지 이동"><i></i></button>
<button class="on" title="1 페이지 이동">1</button>
<button title="2 페이지 이동">2</button>
<button title="3 페이지 이동">3</button>
<button title="4 페이지 이동">4</button>
<button title="5 페이지 이동">5</button>
<button title="6 페이지 이동">6</button>
<button title="7 페이지 이동">7</button>
<button title="8 페이지 이동">8</button>
<button title="9 페이지 이동">9</button>
<button title="10 페이지 이동">10</button>
<button class="btn_page_next" title="다음 페이지 이동"><i></i></button>
<button class="btn_page_last" title="마지막 페이지 이동"><i></i></button>
</div>
<!-- //page -->
</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>

View File

@ -0,0 +1,438 @@
<!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">
<link rel="stylesheet" href="/kccadrPb/usr/datepicker/classic.css">
<link rel="stylesheet" href="/kccadrPb/usr/datepicker/classic.date.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>
<script src="/kccadrPb/usr/script/calendar.js"></script>
<script src="/kccadrPb/usr/datepicker/picker.js"></script>
<script src="/kccadrPb/usr/datepicker/picker.date.js"></script>
<script src="/kccadrPb/usr/datepicker/legacy.js"></script>
<script src="/kccadrPb/usr/datepicker/ko_KR.js"></script>
</head>
<body>
<!-- 수수료정보팝업(1개) -->
<div class="tooltip-wrap">
<div class="popup_wrap fee_popup" tabindex="0" data-tooltip-con="fee_popup" data-focus="fee_popup" data-focus-prev="fee_popup_close">
<div class="popup_tit">
<p>수수료 납부 금액</p> <button class="btn_popup_close tooltip-close" data-focus="fee_popup_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<table class="popup_tbType01 t_center">
<caption>어문저작물 목록 : 신청내용, 금액 등 정보제공</caption>
<colgroup>
<col style="width: 50%;">
<col style="width: 50%;">
</colgroup>
<thead>
<tr>
<th scope="col">신청 내용</th>
<th scope="col">금액</th>
</tr>
</thead>
<tbody>
<tr>
<td>조정조정 3부</td>
<td>
<p class="t_bold c_222222">5,000원</p>
</td>
</tr>
</tbody>
</table>
<table class="popup_tbType01" style="margin-top: 30px;">
<tbody>
<tr>
<th>계좌정보</th>
<td>
<p class="c_e40000">국민은행 60519014678208 예금주 : 홍길동</p>
</td>
</tr>
<tr>
<th>결제금액</th>
<td>
<p>40,000원(납부기간 : 2021-08-08, 13:00까지)</p>
</td>
</tr>
</tbody>
</table>
<div class="btn_wrap">
<button class="btnType01 tooltip-close" data-focus="fee_popup_close">닫기</button>
</div>
</div>
</div>
</div>
<!-- //수수료정보팝업(1개) -->
<div class="mask"></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" id="sub">
<div class="inner">
<div class="cont_tit">
<h2>조정사건 기록 열람 신청 상세(우편발송)</h2>
</div>
<div class="tb_top">
<p>기록 열람 신청</p>
</div>
<div class="tb_wrap">
<table class="tbType01">
<colgroup>
<col style="width: 210px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>
<p>발급구분</p>
</th>
<td>
<p>우편발송</p>
</td>
</tr>
<tr>
<th>
<p>조정번호</p>
</th>
<td>
<p>2021조정050</p>
</td>
</tr>
<tr>
<th>
<p>신청인 구분</p>
</th>
<td>
<p>조정신청인</p>
</td>
</tr>
<tr>
<th>
<p>연락처</p>
</th>
<td>
<p>010-4545-4545</p>
</td>
</tr>
<tr>
<th>
<p>주소</p>
</th>
<td>
<p>(12345)서울시 송파구 무슨대로 11-1</p>
</td>
</tr>
<tr>
<th>
<p>서류종류</p>
</th>
<td>
<p>조정조서</p>
</td>
</tr>
<tr>
<th>
<p>발급부수</p>
</th>
<td>
<p>3부</p>
</td>
</tr>
<tr>
<th>
<p>요청내용</p>
</th>
<td>
<p></p>
</td>
</tr>
<tr>
<th>
<p>발급상태</p>
</th>
<td>
<p>비용납부</p><button type="button" class="btnType01" data-tooltip="fee_popup">결제계좌</button>
</td>
</tr>
</tbody>
</table>
<div class="tb_bottom">
<p class="cf_text">· 기록발급은 신청인만 가능하며, 대리인은 신청이 불가합니다.</p>
<p class="cf_text classify_text" style="display: none;">· 사전에 예고없이 방문하지 않을 경우 자동으로 취소됩니다.</p>
</div>
</div>
<!-- 하단 버튼 -->
<div class="btn_wrap btn_layout03">
<div class="btn_left"></div>
<div class="btn_right">
<button class="btnType08">목록</button>
<button class="btnType07">신청취소</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>

View File

@ -0,0 +1,373 @@
<!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">
<link rel="stylesheet" href="/kccadrPb/usr/datepicker/classic.css">
<link rel="stylesheet" href="/kccadrPb/usr/datepicker/classic.date.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>
<script src="/kccadrPb/usr/script/calendar.js"></script>
<script src="/kccadrPb/usr/datepicker/picker.js"></script>
<script src="/kccadrPb/usr/datepicker/picker.date.js"></script>
<script src="/kccadrPb/usr/datepicker/legacy.js"></script>
<script src="/kccadrPb/usr/datepicker/ko_KR.js"></script>
</head>
<body>
<div class="mask"></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" id="sub">
<div class="inner">
<div class="cont_tit">
<h2>조정사건 기록 열람 신청 상세(방문예약)</h2>
</div>
<div class="tb_top">
<p>기록 열람 신청</p>
</div>
<div class="tb_wrap">
<table class="tbType01">
<colgroup>
<col style="width: 210px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>
<p>발급구분</p>
</th>
<td><p>우편발송</p></td>
</tr>
<tr>
<th>
<p>조정번호</p>
</th>
<td><p>2021조정050</p></td>
</tr>
<tr>
<th>
<p>신청인 구분</p>
</th>
<td><p>조정신청인</p></td>
</tr>
<tr>
<th>
<p>연락처</p>
</th>
<td><p>010-4545-4545</p></td>
</tr>
<tr>
<th>
<p>주소</p>
</th>
<td><p>(12345)서울시 송파구 무슨대로 11-1</p></td>
</tr>
<tr>
<th>
<p>서류종류</p>
</th>
<td><p>조정조서</p></td>
</tr>
<tr>
<th>
<p>발급부수</p>
</th>
<td><p>3부</p></td>
</tr>
<tr>
<th>
<p>예약일시</p>
</th>
<td>
<p>2023.09.20, 15:00</p>
</td>
</tr>
<tr>
<th>
<p>요청내용</p>
</th>
<td><p>조정조서를 3부 출력하고 싶습니다.</p></td>
</tr>
<tr>
<th><p>발급상태</p></th>
<td><p>신청</p></td>
</tr>
</tbody>
</table>
<div class="tb_bottom">
<p class="cf_text">· 기록발급은 신청인만 가능하며, 대리인은 신청이 불가합니다.</p>
<p class="cf_text classify_text" style="display: none;">· 사전에 예고없이 방문하지 않을 경우 자동으로 취소됩니다.</p>
</div>
</div>
<!-- 하단 버튼 -->
<div class="btn_wrap btn_layout03">
<div class="btn_left"></div>
<div class="btn_right">
<button class="btnType08">목록</button>
<button class="btnType07">신청취소</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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -83,6 +83,10 @@ $(document).ready(function () {
tooltip(); tooltip();
accessibilityFocus(); accessibilityFocus();
popupboardCaptionToggle(); popupboardCaptionToggle();
$('.popup_tab_wrap .tab_ul .tab_li,.glossary_left_area ul li').on('click',function(){
$(this).addClass('on').siblings().removeClass('on');
});
}); });
function popupboardCaptionToggle(){ function popupboardCaptionToggle(){

View File

@ -0,0 +1,544 @@
<!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 glossary_popup" tabindex="0" data-tooltip-con="glossary_popup" data-focus="glossary_popup" data-focus-prev="glossary_popup_close">
<div class="popup_tit">
<p>저작권 용어해설</p> <button class="btn_popup_close tooltip-close" data-focus="glossary_popup_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<div class="popup_search type02">
<p class="search_title">용어검색</p>
<input type="text" placeholder="검색어를 입력해주세요" title="용어 검색어 입력">
<button type="button" class="btnTYpe01">조회</button>
</div>
<div class="popup_tab_wrap">
<ul class="tab_ul">
<li class="tab_li on"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab"></button></li>
<li class="tab_li"><button type="button" class="tab">기타</button></li>
</ul>
</div>
<div class="popup_tab_content">
<div class="glossary_left_area">
<p class="result_text">전체 : <span class="t_bold">6,178</span></p>
<ul>
<li class="on"><button type="button">조정절차</button></li>
<li><button type="button">조정절차</button></li>
<li><button type="button">조정절차</button></li>
<li><button type="button">조정절차</button></li>
<li><button type="button">조정절차</button></li>
<li><button type="button">조정절차</button></li>
<li><button type="button">조정절차</button></li>
<li><button type="button">조정절차</button></li>
</ul>
</div>
<div class="glossary_right_area">
<dl>
<dt>
<p>조정제도</p>
</dt>
<dd><p>저작권 분쟁 당사자의 조정 신청이 있는 경우 전문가로 구성된 조정부가 분쟁을 신속하고 공정하게 해결해 주는 제도로서, 판결을 대신하여 분쟁을 종국적으로 해결하는 대체적 분쟁해결제도(ADR, Alternative Dispute Resolution) 중 하나입니다. 한국저작권위원회는 1988년부터 조정업무를 수행하여 왔으며, 저작물 이용 등으로 발생하는 다양한 저작권 침해 관련 분쟁을 해결하고 있습니다. 2020.08.05.부터 시행된 개정 저작권법에 의하여 한국저작권위원회 조정부는 ①“조정부가 제시한 조정안을 어느 한쪽 당사자가 합리적인 이유 없이 거부한 경우” 또는 ② “분쟁조정 예정가액이 1천만원 미만인 경우”에 해당할 때, 직권으로 조정을 갈음하는 결정(직권조정결정)을 할 수 있습니다.</p></dd>
</dl>
</div>
</div>
<div class="btn_wrap">
<button type="button" class="btnType03 tooltip-close">닫기</button>
</div>
</div>
</div>
</div>
<!-- //저작권 용어사전 -->
<div class="skip_menu">
<a href="#sub" class="contGo" title="본문 바로가기">본문 바로가기</a>
</div>
<div class="quick_menu_wrap">
<div class="quick_title">
<p>퀵메뉴</p>
</div>
<ul class="quick_ul">
<li class="quick_li">
<a href="#none" data-tooltip="glossary_popup"><i class="icon_quickmenu_glossary"></i>용어해설</a>
</li>
<li class="quick_li">
<a href="#none"><i class="icon_quickmenu_adj_case"></i>조정사례</a>
</li>
<li class="quick_li">
<a href="#none"><i class="icon_quickmenu_apl_form"></i>신청서 작성</a>
</li>
<li class="quick_li">
<a href="#none"><i class="icon_quickmenu_progress_case"></i>사건진행</a>
</li>
<li class="quick_li">
<a href="#none"><i class="icon_quickmenu_fee"></i>수수료 조회</a>
</li>
</ul>
</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>
<!-- list_top -->
<div class="list_top">
<!-- <p>총 건수 : <span>204</span>건</p> -->
<div class="tab_wrap">
<button type="button" class="tab on">전체</button>
<button type="button" class="tab">신청</button>
<button type="button" class="tab">진행</button>
<button type="button" class="tab">접수</button>
</div>
<div class="list_util">
<label for="subSearch">검색조건 선택</label>
<select name="" id="subSearch" class="subSearch">
<option value="subSearch01" selected>조정번호</option>
<option value="subSearch02">접수기간</option>
<option value="subSearch03">신청인명</option>
<option value="subSearch04">피신청인명</option>
<option value="subSearch05">신청내용</option>
<option value="subSearch06">조정상태</option>
</select>
<div class="select_wrap">
<select name="" id="">
<option value="">제출완료</option>
<option value="">작성중</option>
<option value="">보완요청</option>
</select>
</div>
<div class="sel_date">
<input type="text" class="startDate inp" title="검색시작일" id="startDate01" name="startDate01" value="" data-datecontrol="true">
<div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate01-lry','',this)" class="btn_cal"></button>
<div id="startDate01-lry" class="calendarPop" style="display: none;">
<iframe id="startDate01-ifrm" name="startDate01-ifrm" class="calendar-frame" src="/kccadrPb/usr/mini_calendar.html" title="달력 팝업" frameborder="0" scrolling="no"></iframe>
</div>
</div> ~ <input type="text" class="endDate inp" title="검색종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
<div class="calendar_in" id="calendarName_endDate" style="z-index: 9;">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)" class="btn_cal"></button>
<div id="endDate-lry" class="calendarPop" style="display: none;">
<iframe id="endDate-ifrm" name="endDate-ifrm" class="calendar-frame" src="/kccadrPb/usr/mini_calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
<div class="input_wrap">
<label for="subSearchTxt">검색어 입력</label>
<input type="text" class="search_input" id="subSearchTxt" placeholder="검색어를 입력하세요">
</div>
<button class="btn_search">검색</button>
</div>
</div>
<!-- //list_top -->
<!-- list -->
<div class="tb_list01">
<table>
<caption>조정신청 목록 : 번호, 접수일자, 신청인, 피신청인, 대리인, 신청내용, 조정상태등의 정보제공</caption>
<colgroup>
<col style="width: 80px;">
<col style="width: 15%;">
<col style="width: 12%;">
<col style="width: 12%;">
<col style="width: 12%;">
<col style="width: auto;">
<col style="width: 15%;">
</colgroup>
<thead>
<tr>
<th scope="col">번호</th>
<th scope="col">접수일자</th>
<th scope="col">신청인</th>
<th scope="col">피신청인</th>
<th scope="col">대리인</th>
<th scope="col">신청내용</th>
<th scope="col">조정상태</th>
</tr>
</thead>
<tbody>
<tr>
<td class="td_num">5</td>
<td class="td_date">
<span class="read_only m_th_text">접수일자</span>
<p>2018-03-03</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">신청인</span>
<p>홍길동</p>
</td>
<td class="td_respondent">
<span class="m_th_text">피신청인</span>
<p>고길동 외 2명</p>
</td>
<td class="td_deputy">
<span class="m_th_text">대리인</span>
<p>장두식</p>
</td>
<td class="td_tit">
<span class="read_only m_th_text">신청내용</span>
<a href="/kccadrPb/usr/sub02_1_list_detail.html">음악저작물 이용에 따른 분쟁</a>
</td>
<td class="td_status">
<span class="read_only m_th_text">조정상태</span>
<p class="status_write">작성중</p>
</td>
</tr>
<tr>
<td class="td_num">4</td>
<td class="td_date">
<span class="read_only m_th_text">접수일자</span>
<p>2018-03-03</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">신청인</span>
<p>홍길동</p>
</td>
<td class="td_respondent">
<span class="m_th_text">피신청인</span>
<p>고길동 외 2명</p>
</td>
<td class="td_deputy">
<span class="m_th_text">대리인</span>
<p>장두식</p>
</td>
<td class="td_tit">
<span class="read_only m_th_text">신청내용</span>
<a href="/kccadrPb/usr/sub02_1_list_detail.html">음악저작물 이용에 따른 분쟁</a>
</td>
<td class="td_status">
<p class="status_smc">제출완료</p>
</td>
</tr>
<tr>
<td class="td_num">3</td>
<td class="td_date">
<span class="read_only m_th_text">접수일자</span>
<p>2018-03-03</p>
</td>
<td class="td_subscriber">
<span class="m_th_text">신청인</span>
<p>홍길동</p>
</td>
<td class="td_respondent">
<span class="m_th_text">피신청인</span>
<p>고길동 외 2명</p>
</td>
<td class="td_deputy">
<span class="m_th_text">대리인</span>
<p>장두식</p>
</td>
<td class="td_tit">
<span class="read_only m_th_text">신청내용</span>
<a href="/kccadrPb/usr/sub02_1_list_detail.html">음악저작물 이용에 따른 분쟁</a>
</td>
<td class="td_status">
<a href="#none" data-tooltip="scrq_popup" class="status_scrq" tabindex="0">보완요청</a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- //list -->
<!-- 하단 버튼 -->
<div class="btn_wrap btn_layout01">
<button class="btnType09" onclick="confirm('작성 중인 조정신청서를 삭제하고 다시 작성 하시겠습니까?')">등록</button>
</div>
<!-- //하단 버튼 -->
<!-- page -->
<div class="page">
<button class="btn_page_first" title="첫 페이지 이동"><i></i></button>
<button class="btn_page_prev" title="이전 페이지 이동"><i></i></button>
<button class="on" title="1 페이지 이동">1</button>
<button title="2 페이지 이동">2</button>
<button title="3 페이지 이동">3</button>
<button title="4 페이지 이동">4</button>
<button title="5 페이지 이동">5</button>
<button title="6 페이지 이동">6</button>
<button title="7 페이지 이동">7</button>
<button title="8 페이지 이동">8</button>
<button title="9 페이지 이동">9</button>
<button title="10 페이지 이동">10</button>
<button class="btn_page_next" title="다음 페이지 이동"><i></i></button>
<button class="btn_page_last" title="마지막 페이지 이동"><i></i></button>
</div>
<!-- //page -->
</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>