529 lines
25 KiB
HTML
529 lines
25 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="ko">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>정보조회 > 우리국 자료 > 목록</title>
|
|||
|
|
<link rel="stylesheet" href="../../../../css/global.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/header_nav/header_nav.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/header_partials/user_info.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/search_box/search_box.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/buttons/buttons.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/search_section/search_section.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/list_section/list_section.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/footer/footer.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/breadcrumb/breadcrumb.css" type="text/css" />
|
|||
|
|
<link rel="stylesheet" href="../../../../components/buttons/chip_button.css" type="text/css" />
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<header>
|
|||
|
|
<div>
|
|||
|
|
<container>
|
|||
|
|
<div row middle between>
|
|||
|
|
<logo></logo>
|
|||
|
|
<div row class="menu-first-depth" style="--gap:36px">
|
|||
|
|
<div>
|
|||
|
|
<a href="#" data-current="false">정보등록</a>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<a href="#" data-current="false">정보관리</a>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<a href="#" data-current="true">정보조회</a>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<a href="#" data-current="false">정보보고관리</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div row style="--gap:17px">
|
|||
|
|
<label class="button switch">
|
|||
|
|
<input type="checkbox" checked>
|
|||
|
|
<div class="switch-label">
|
|||
|
|
<span>통합 검색</span>
|
|||
|
|
<span>지능형 검색</span>
|
|||
|
|
</div>
|
|||
|
|
</label>
|
|||
|
|
<form class="header-search" style="--width:320px">
|
|||
|
|
<input type="search" placeholder="검색어를 입력하세요." />
|
|||
|
|
<button type="submit"></button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="user-info" row middle style="--gap:16px">
|
|||
|
|
<div col style="--gap:2px">
|
|||
|
|
<p>홍길동</p>
|
|||
|
|
<span>외교정보기획국</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="logout"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</container>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
<section style="--section-top:145px">
|
|||
|
|
<div class="breadcrumb">
|
|||
|
|
<container>
|
|||
|
|
<div col style="--gap:12px">
|
|||
|
|
<div row middle class="breadcrumb-wrap" style="--gap:4px">
|
|||
|
|
<a href="#home"></a>
|
|||
|
|
<div class="caret"></div>
|
|||
|
|
<a href="#home">정보보고</a>
|
|||
|
|
</div>
|
|||
|
|
<h1>
|
|||
|
|
정보보고
|
|||
|
|
</h1>
|
|||
|
|
</div>
|
|||
|
|
</container>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section style="--section-top:40px">
|
|||
|
|
<div class="search-section">
|
|||
|
|
<container>
|
|||
|
|
<div class="tabs none">
|
|||
|
|
<div class="tab" active>
|
|||
|
|
<div class="tab-content all-radius col2">
|
|||
|
|
<form class="tab-search">
|
|||
|
|
<div col grow style="--gap:32px">
|
|||
|
|
<div row style="--gap:16px">
|
|||
|
|
<div>
|
|||
|
|
<select>
|
|||
|
|
<option>대륙명</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<select>
|
|||
|
|
<option>국가(지역)명</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<select>
|
|||
|
|
<option>공관명</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div row between>
|
|||
|
|
<div row style="--gap:16px">
|
|||
|
|
<div>
|
|||
|
|
<select>
|
|||
|
|
<option>전체</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<select>
|
|||
|
|
<option>전체(답변)</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div row middle style="--gap:8px">
|
|||
|
|
<input height type="date" />
|
|||
|
|
<span style="--color:#fff">~</span>
|
|||
|
|
<input height type="date" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-search-field">
|
|||
|
|
<input type="search" placeholder="검색어를 입력하세요." />
|
|||
|
|
<button type="submit"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</container>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<section style="--section-top:256px">
|
|||
|
|
<div class="list-section">
|
|||
|
|
<div>
|
|||
|
|
<container>
|
|||
|
|
<div class="list-count">
|
|||
|
|
<div row between class="full-width">
|
|||
|
|
<div row style="--gap:4px">
|
|||
|
|
<p alarm>[알람]</p>
|
|||
|
|
<p class="p20_r">7일 이내 자동 삭제 예정 데이터가 <b class="p24_b underline">40건</b> 있습니다.</p>
|
|||
|
|
</div>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<button class="download-btn">엑셀 다운로드</button>
|
|||
|
|
<button class="open-btn">전체 열기</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div col class="list-wrap">
|
|||
|
|
<table>
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>
|
|||
|
|
번호
|
|||
|
|
</th>
|
|||
|
|
<th>
|
|||
|
|
공관명
|
|||
|
|
</th>
|
|||
|
|
<th>
|
|||
|
|
제목
|
|||
|
|
</th>
|
|||
|
|
<th>
|
|||
|
|
작성자
|
|||
|
|
</th>
|
|||
|
|
<th>
|
|||
|
|
등록일
|
|||
|
|
</th>
|
|||
|
|
<th>
|
|||
|
|
배점
|
|||
|
|
</th>
|
|||
|
|
<th>
|
|||
|
|
비고
|
|||
|
|
</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<details>
|
|||
|
|
<summary>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<chip done>답변완료</chip>
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</summary>
|
|||
|
|
<div absolute>
|
|||
|
|
ㅇ 팔 무장정파 하마스의 대이스라엘 기습공격 및 이스라엘의 대가자지구 보복 공격으로 현재까지도 계속되고 있는 가자지구 전쟁 사태로
|
|||
|
|
이집트
|
|||
|
|
북시나이반도 접경지 안보 위협 고조, 홍해 상 군사적 항행 위협에 따른 수에즈 운하 수익 급감 등 대외적으로 심각한 도전에 직면
|
|||
|
|
중
|
|||
|
|
- 이에 대응하기 위한 다각적인 노력을 강구해 나가고 있으며, 팔 피난민의 이집트로의 유입 시나리오에 대해서는 △무장정파 분자가
|
|||
|
|
팔 피난민들과 함께 이집트로 들어와 북시나이반도 지역이 전초지로 변질될 가능성 다대
|
|||
|
|
</div>
|
|||
|
|
</details>
|
|||
|
|
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<chip done>답변완료</chip>
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<chip done>답변완료</chip>
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<chip done>답변완료</chip>
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<chip done>답변완료</chip>
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<chip done>답변완료</chip>
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
460
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
주이집트(대)
|
|||
|
|
</td>
|
|||
|
|
<td title>
|
|||
|
|
<div row style="--gap:8px">
|
|||
|
|
<chip done>답변완료</chip>
|
|||
|
|
<p>이스라엘 전쟁 상황</p>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td author>
|
|||
|
|
홍길동
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2024.08.05. 05:30
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
2
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<button class="remove">삭제</button>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
<div class="table-action">
|
|||
|
|
<button variant="fill" style="--bg:#3366FF;">
|
|||
|
|
정보등록
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
<div row class="table-nav" style="--gap:16px">
|
|||
|
|
<button class="btn-first">처음</button>
|
|||
|
|
<button class="btn-prev">이전</button>
|
|||
|
|
<a href="#">41</a>
|
|||
|
|
<a href="#">42</a>
|
|||
|
|
<a href="#">32</a>
|
|||
|
|
<a href="#">44</a>
|
|||
|
|
<a href="#" data-current="true">45</a>
|
|||
|
|
<a href="#">46</a>
|
|||
|
|
<a href="#">47</a>
|
|||
|
|
<a href="#">48</a>
|
|||
|
|
<a href="#">49</a>
|
|||
|
|
<a href="#">50</a>
|
|||
|
|
<button class="btn-next">다음</button>
|
|||
|
|
<button class="btn-last">마지막</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</container>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<footer style="--mt:98px">
|
|||
|
|
<container>
|
|||
|
|
<div row between middle>
|
|||
|
|
<p style="--color:#ffffff99">Copyright ⓒ 대한민국 외교부. All rights reserved</p>
|
|||
|
|
<footer-logo />
|
|||
|
|
</div>
|
|||
|
|
</container>
|
|||
|
|
</footer>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|