219 lines
111 KiB
HTML
219 lines
111 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">
|
|||
|
|
<div class="tab">
|
|||
|
|
<div class="tab-head">
|
|||
|
|
<p>일일정보</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<form class="tab-search">
|
|||
|
|
<div row style="--gap:20px">
|
|||
|
|
<div row middle style="--gap:8px">
|
|||
|
|
<input type="date" />
|
|||
|
|
<span style="--color:#fff">~</span>
|
|||
|
|
<input type="date" />
|
|||
|
|
</div>
|
|||
|
|
<div row middle style="--gap:12px">
|
|||
|
|
<label class="button chip">
|
|||
|
|
<input type="checkbox">
|
|||
|
|
<div class="label">
|
|||
|
|
<span>1일</span>
|
|||
|
|
</div>
|
|||
|
|
</label>
|
|||
|
|
<label class="button chip">
|
|||
|
|
<input type="checkbox">
|
|||
|
|
<div class="label">
|
|||
|
|
<span>7일</span>
|
|||
|
|
</div>
|
|||
|
|
</label>
|
|||
|
|
<label class="button chip">
|
|||
|
|
<input type="checkbox">
|
|||
|
|
<div class="label">
|
|||
|
|
<span>30일</span>
|
|||
|
|
</div>
|
|||
|
|
</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-search-field">
|
|||
|
|
<input type="search" placeholder="검색어를 입력하세요." />
|
|||
|
|
<button type="submit"></button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab" active>
|
|||
|
|
<div class="tab-head">
|
|||
|
|
<p>인물정보</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<form>
|
|||
|
|
<div class="tab-search-field">
|
|||
|
|
<input type="search" placeholder="검색어를 입력하세요." />
|
|||
|
|
<button type="submit"></button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab">
|
|||
|
|
<div class="tab-head">
|
|||
|
|
<p>국가정보</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-content"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</container>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section style="--section-top:177px">
|
|||
|
|
<div class="list-section">
|
|||
|
|
<div>
|
|||
|
|
<container>
|
|||
|
|
<div class="list-count">
|
|||
|
|
<p>총</p>
|
|||
|
|
<b>1</b>
|
|||
|
|
<p>건</p>
|
|||
|
|
</div>
|
|||
|
|
<div col class="list-wrap">
|
|||
|
|
<div col>
|
|||
|
|
<!-- 리스트 반복 영역 begin -->
|
|||
|
|
<div>
|
|||
|
|
<div col style="--gap:32px">
|
|||
|
|
<div row>
|
|||
|
|
<div col center style="--gap:8px">
|
|||
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAADcCAYAAADZaosFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAASfrSURBVHgBdP1Xr2Vpkh0I2hZHn6u1X9fuoUVGikhZVZmVVaxiFQkWm01MkcVhg8TMoDEPAzbmD3Q2MMA8DXre5qEHTQwGjeGgQbLYZLO6ZJZipYzM0OEeHq7F1fros0WvZfZ9e+/rkX0DN/zec4/Ywj77li0zWxbIc19/9f/7774ThfHvSBT8/TAOr+ZBKEEQSBhG+p3mOZ4V4udYcveaIODveB4eC0I8mmV4NJIcv2dRiH9F6mkqUZJLHsUySjM8X2R5MpDFncfSefipDO58LGmvJ516S1K8ejJNJA8ifFQNz23iuyF4sWRpgH9TfMQUP0/xWQn+nch0NMTj/Nxc7BAyyXL+Db/j+HCQkiSJhHEsIY6BjzdaTT5bfw8ifBafJ4GeTxBHehohHo9j/t3eIxe+byZBhmuC5z7/led58TOPwa6dXUM9pizVY/TP1c/i52a5pDifANcpx79pgu/pSJLJ2M4TVyXLpziHib6cn5wlGd9EIt6XNHX3wo4p0Pvl3pv3BecYxzWJcD485yC08+b58R7zmz/rtcDPmd5D0ee7u4zX5bw6ojeUn4/rK4UV8FzsnPhaHg+Pxc4b55SlxbXgufrz18/hPcS/fP8E7z/Fa5v4+8PD+3Lh996Si//lt+X05LZk7QTnP8KhRO/CFt7NpsF/s3HtXz2oXv/Y//D9f/kv58PG9Hv40H/BN+ZF0oPGm9diGpUdGE+If+KNtcta3lQ8Q4I8cKeY6Xee8yyD4rz1JPg8XlbcqHA8lrR/Jvl4JLE+J9TPzHDSeWDGxcfUTvSbNx7vzRuPC5HjJudp4i63XaA8z8xY8Hwet97TkO8RuZvIm2bGluXyuS+9EfxUZxR63Ho8Zkn8e0QDz+x8zDDtOhTPz/NfaOz2sL+h3qgzvclcKCGfU7mq3ij0iGh4mZ1b5I7N/27nlxevqZ6LPp7lxbHqJ7ifM39eof1e/fDyueXv+jf3OWHkP9MMXW3CPdcfD43eH1eu9y7VY9ePCMwO1D7c37lEgnqNhidLcwvy4M/fk8v/2S9Jd25Jjsc7cE5wpLXGW6Np+tZMu/HPTrb/8f8zGw7/m4Vrv39s1oOvf/sv/9v5IB58H2/7L/xFCANnhLkUF9S8izivEnzuWwpDzp3tuROxU1QDS3NnKHx7LhB4IhyQhPg5Uk+BP+CPujPQe3rvr57THZs4g+O/ufkO7x3sJqWFUZeGlDtjs3MJ3AWnB6LR828Rv/G7PRZKHEWFd/XexH/7u1413OevRfXnqrF5T8XPrX7ZzpLqTee3HXOg10XP8rlFYu8dFN703OOV61E4Hr/48nLB5G7XyNKs8nxxxxeWi6ByLUsLt4XO1+p1SbPKcYfnrsP538tjf/4rpP1gx02SsTRrdZFnA5H3nkjQWoBNxFKP4bvTUBpxRz9vNB7/VwOZfP/o6J/N2+vx1Unz7+HY3qpe+NRtAWFEL5bKNJkWH5r7m1q5wIUxFdfPDJtep/A5bisDlNEFk02xxU6mMun3dasNCDHUG4e6rQUKYyI1bLshkb4u1AuS6zcvgHrPXBwksGMwyJGp16Bxp4AbfFLmLnijXjdPy5tWMRZvaIVn43kROhQGdH6RFLBCIYvoZ/JbKjex2FrdzaRn8wajtzSjkdk14vt4o7eFZe+bu208dAvOXpbb+Ul2buHoYdPpp7l+FwvL7ZT+98JQ/Q7jrpuHL96ReMPT14Xltz+vX7TQUhglvXMQVpxdrmDV2UXqdgC3KTiHQqjRAJyMo0wh6tVgVe7+Lz8XGeFYWjNwiKHUM8DAYSLxNJNOqyNha+ats+nwv9Zj/oP/1//9Kv79F3rYPDH3b85tPQ/UQ/oty59clp3fMt1piN98cudpcxp1YJiR0IMrLOFn4ICjdCi1UU+Cfk+mMOiUeJAGIVm5hQeR7gbF1iiJ8zJ4TpqrIfPa86ZJFuhC0M/GhcmImQMiz9TBo1QhUag3FBckrMPzNe0G+5sqtjPpzsrzxTUIpqlBF3oduyN4/0DNKOFx8Ma6b8YX/Fz91y9jt8j8OflFT9ui07BFKHZdhEZcw0OARThG3GJ8Nne2mihczWxXUs8Z8LOAPXF9eZ35M6914fkU50bmGHjQgUh5VFIsrmL/DKq/l5DknEcWcdBHL5AuzAgOL47tX/sd17YWqsESSum5Bx5q4Tk4njAL9X6py6Nj0x1Z3HFn0sDvdcBCPqfbmpO9ezsyvr0ns9ECnCCuU5jC4BN8ViZ92I/i/7D2X21t/aPv4P5F/zWPT3jz8GaRRhuZegRe+TAPnIfkhYncKg/UKHJv1Lbpi20YuKF6kLyWsLYwdSeFIEtqEjdoRFNpTvvSmp6JnB3AaBCswcAYsOn2RygSuSClwIbmaTPg5pQBoe4SuTNsfw/M8BUQEN9FvOmZXnxCXp5bDcEeMVyS2o4BYGHG4/GyOyk+p1GLpVaL9LpoQBTZhdeAkZ6Hx4jnpLoQ+VmMv3BdIltUCfEjjiGKyxuvNy6wAJrrkMFoiBhFQ22cf+q2b8PLzhizQJ9fY8ij4YNdU70teH8GHykWe6aP2b3gYoiDBv7fcDtQZobIZwVZYdy2g6X6N909QjNuPSDd6gxW+KDPHL3FQWmuK0xjFAuWEw3WGdDSqHFL9Xl8rwjBfS3HOWCXDeyC6VdKRxCVYRaPKMWFAeLAV11GPGUY8a3/+YcS9etSw/tMg7FMYzjCfIjPiXWBBAnuZB79DhB2/lZ1C1VDFovoA/e4emfdCm2b0+d7HOmDBLcKHQeiR6g3P7O/id9e8L8a3qiOWxCPh5IPB7B5GBxuprggJ/MezXmGCEaCuM8MODd8rFtW5t6TNwPvF/FGJ5kzaH5OZF4ttNVPIzTYCghFjwajrftgLgrtc3UxwWBhfAmPq1YD25Bp+Ky4Gt4z8y4txi6Q2Q0L3OsTZ/AWPNZkggMnvOF1S3Cja3g/LsIMi7jZaNh1ARwKFIYRVdHgaJ5YuBGPcSrD8UAaTdyqoagxlF7SL47AFgJtkAGyN1CNDeKKVy4xq127rIA2gcPY4neVzOCED3JLr27hn3hvrrfWORdzuboxmMPLdL3pLuPeL6EtxYEzYLfruQ3F8H2kBp3yPuA6TrFABulIjg925Q38O6ln6qRi3OeUn6E2BhiiaKL297G287eeD2RyOY//Arc0Pc7KnT/2Eb/FIPZomJsvt2DeXXw+lpmBkpmgp6wnOODhSPL+UE82rEeGCdUbhuoxDSsGDqd5TFsN9jLnPWgEiSghxUia+BXeIOJrcGEIDXTX4JaomINbda50VgSjy9VeczVwWlUAjznla0kx4jjjRl3X+BiG12g2yGVJBs8wxAKawEibfMwFrePxBO8ZqGHVQQvyY6Y0MjyfH8T3yxnpc4tWd5vod7fdliHYnjQb4/MzvA+uSy2X4WggWTPRXa1Wy5Uu1G/h9QrNCEN3zW2r1c8xJgkMkEKYmu2u3phzF0Q7X14N2KrPKQPZ5x4P8oKxMCjqDT1Ub83dbQxD1PfmonAU5xivS7BgadAKAXFvYrdoEOfhmtvCIAsFEIbrO5QkxnVcbcu13/klmc4EuH45KGBuTCGcUqhAspaafcHzXY01iubFrYB3pQr5X1YaMoOz0pAcyxAElYi1XMEG+83iSePxOkcKUwhpuGoTqU0mEg7GoO0m+tmpewVPKNBjip2nyBQnMyDMHcZXGMKLkJqBBxnd90TsaWbMsd54g0CRbRhGPRLfhQA/CkFCgxHkcZV5CdWz8PWBYnN6eWyT3a70wH9OOw3p1UO5v78rD07P5AjGSa/f7bSVs15YnJM6InNi8t7gVDYvbMjczIwa3fzMrMzNzyGAH8nJwZ6yO8FoIvURghss7KODI+kG5hDqOLcO3mcCz9x2scTZyYl624x8dGjYU0+KO1DCzTlWA6F
|
|||
|
|
alt="">
|
|||
|
|
<p class="p24_b">시진핑</p>
|
|||
|
|
</div>
|
|||
|
|
<div box style="--bg:#EDF1FF;--p:20px;">
|
|||
|
|
<p style="--clamp:10">
|
|||
|
|
중국 공산당 원로 시중쉰(習仲勛, 1913-2002)의 차남으로 1953.6.15 베이징 근교('진(近)’) 에서 출생하였고,
|
|||
|
|
당시 베이징의 옛 명칭인 베이핑(北平)의 ‘핑(平)’ 자를 따 진핑(近平)으로 이름을 지었다고 알려졌다.<br />
|
|||
|
|
간부 자녀 학교(81학교) 재학 중 부친의 실각(1962년)으로 1969년 (16세) 옌안(延安)으로 하방(下放)되어 동굴에서
|
|||
|
|
생활하는 등 7년간 고초를 경험하였고, 7년 동안의 하방 생활에 대해 시 주석은 두 가지 가르침을 얻었다고 회고하면서,
|
|||
|
|
첫째 현실적인 것이란 무엇인지, 실사구시란 무엇인지, 군중은 무엇인지를 이해할 수 있었고, 둘째 칼은 돌 위에 갈고
|
|||
|
|
사람은 어려움 속에서 단련된다는 자신감을 키웠다고 자주 언급하였다.<br />
|
|||
|
|
|
|||
|
|
이후, 문화혁명(1966-76)이 끝나갈 무렵인 1975년 가을 ‘공농병(工農兵) 추천생*’ 신분으로 칭화대학 화학공학과에
|
|||
|
|
입학했다. 당에 대한 충성이 강하고 업무실적이 뛰어난 젊은 ‘노동자(工)·농민(農)·병사(兵)’들을 대상으로 현지 당간부가 대학
|
|||
|
|
입학을 추천하는 방식이었다.
|
|||
|
|
이후, 문화혁명(1966-76)이 끝나갈 무렵인 1975년 가을 ‘공농병(工農兵) 추천생*’ 신분으로 칭화대학 화학공학과에
|
|||
|
|
입학했다. 당에 대한 충성이 강하고 업무실적이 뛰어난 젊은 ‘노동자(工)·농민(農)·병사(兵)’들을 대상으로 현지 당간부가 대학
|
|||
|
|
입학을 추천하는 방식이었다.
|
|||
|
|
이후, 문화혁명(1966-76)이 끝나갈 무렵인 1975년 가을 ‘공농병(工農兵) 추천생*’ 신분으로 칭화대학 화학공학과에
|
|||
|
|
입학했다. 당에 대한 충성이 강하고 업무실적이 뛰어난 젊은 ‘노동자(工)·농민(農)·병사(兵)’들을 대상으로 현지 당간부가 대학
|
|||
|
|
입학을 추천하는 방식이었다.
|
|||
|
|
이후, 문화혁명(1966-76)이 끝나갈 무렵인 1975년 가을 ‘공농병(工農兵) 추천생*’ 신분으로 칭화대학 화학공학과에
|
|||
|
|
입학했다. 당에 대한 충성이 강하고 업무실적이 뛰어난 젊은 ‘노동자(工)·농민(農)·병사(兵)’들을 대상으로 현지 당간부가 대학
|
|||
|
|
입학을 추천하는 방식이었다.
|
|||
|
|
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div row between>
|
|||
|
|
<div row start style="--pl:20px;--gap:24px">
|
|||
|
|
</div>
|
|||
|
|
<button variant="fill" style="--bg:#3366FF;">
|
|||
|
|
상세보기 +
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 리스트 반복 영역 fin -->
|
|||
|
|
</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>
|