MOFA/components/list_section/list_section.html
2024-10-22 19:12:18 +09:00

188 lines
12 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>list_section</title>
<style>
@import url(../../css/global.css);
@import url(../../css/common.css);
@import url(list_section.css);
</style>
</head>
<body>
<div class="list-section">
<div>
<container>
<div class="list-count">
<p></p>
<b>38</b>
<p></p>
</div>
<div col class="list-wrap">
<div col>
<!-- 리스트 반복 영역 begin -->
<div>
<p class="list-category">중국</p>
<div col style="--gap:16px">
<div row end between>
<h3 ellipsis style="--width:80%">美·中, 마약 대응 워킹그룹 첫 고위급 회의 개최 / 中, 외국인투자법 개정 예정 / 中
경기
하강 우려 확산 추세美·中, 마약 대응 워킹그룹 첫
고위급 회의 개최 / 中, 외국인투자법 개정 예정 / 中 경기 하강 우려 확산 추세</h3>
<p style="--color:#666">2024.08.05</p>
</div>
<div box style="--bg:#EDF1FF;--p:20px;">
<p style="--clamp:2">
(대외관계) 동 워킹그룹은 지난해 11월 샌프란시스코 정상회담 합의에 따라 지난 1월 출범, 양국은 마약류 제조 및 밀수에 공동 대응하는
워킹그룹
고위급 회의 최초 개최  / 中, 외국인투자의 장기적인 자본시장 진입을 위해 ▴외국인 투자법을 개정하고, ▴2024년판 외국인 투자 네거티브
리스트’를 발표해 제조업 부문에 (대외관계) 동 워킹그룹은 지난해 11월 샌프란시스코 정상회담 합의에 따라 지난 1월 출범, 양국은 마약류 제조
밀수에 공동 대응하는 워킹그룹
</p>
</div>
<div row between>
<div row start style="--pl:20px;--gap:24px">
<a hashtag href="#">마약</a>
<a hashtag href="#">워킹그룹</a>
<a hashtag href="#">샌프란시스코</a>
<a hashtag href="#">차이신</a>
<a hashtag href="#">PMI</a>
<a hashtag href="#">인민은행</a>
<a hashtag href="#">네거티브</a>
</div>
<button variant="fill" style="--bg:#3366FF;">
상세보기 +
</button>
</div>
</div>
</div>
<div>
<p class="list-category">중국</p>
<div col style="--gap:16px">
<div row end between>
<h3 ellipsis style="--width:80%">美·中, 마약 대응 워킹그룹 첫 고위급 회의 개최 / 中, 외국인투자법 개정 예정 / 中
경기
하강 우려 확산 추세美·中, 마약 대응 워킹그룹 첫
고위급 회의 개최 / 中, 외국인투자법 개정 예정 / 中 경기 하강 우려 확산 추세</h3>
<p style="--color:#666">2024.08.05</p>
</div>
<div box style="--bg:#EDF1FF;--p:20px;">
<p style="--clamp:2">
(대외관계) 동 워킹그룹은 지난해 11월 샌프란시스코 정상회담 합의에 따라 지난 1월 출범, 양국은 마약류 제조 및 밀수에 공동 대응하는
워킹그룹
고위급 회의 최초 개최  / 中, 외국인투자의 장기적인 자본시장 진입을 위해 ▴외국인 투자법을 개정하고, ▴2024년판 외국인 투자 네거티브
리스트’를 발표해 제조업 부문에 (대외관계) 동 워킹그룹은 지난해 11월 샌프란시스코 정상회담 합의에 따라 지난 1월 출범, 양국은 마약류 제조
밀수에 공동 대응하는 워킹그룹
</p>
</div>
<div row between>
<div row start style="--pl:20px;--gap:24px">
<a hashtag href="#">마약</a>
<a hashtag href="#">워킹그룹</a>
<a hashtag href="#">샌프란시스코</a>
<a hashtag href="#">차이신</a>
<a hashtag href="#">PMI</a>
<a hashtag href="#">인민은행</a>
<a hashtag href="#">네거티브</a>
</div>
<button variant="fill" style="--bg:#3366FF;">
상세보기 +
</button>
</div>
</div>
</div>
<div>
<p class="list-category">중국</p>
<div col style="--gap:16px">
<div row end between>
<h3 ellipsis style="--width:80%">美·中, 마약 대응 워킹그룹 첫 고위급 회의 개최 / 中, 외국인투자법 개정 예정 / 中
경기
하강 우려 확산 추세美·中, 마약 대응 워킹그룹 첫
고위급 회의 개최 / 中, 외국인투자법 개정 예정 / 中 경기 하강 우려 확산 추세</h3>
<p style="--color:#666">2024.08.05</p>
</div>
<div box style="--bg:#EDF1FF;--p:20px;">
<p style="--clamp:2">
(대외관계) 동 워킹그룹은 지난해 11월 샌프란시스코 정상회담 합의에 따라 지난 1월 출범, 양국은 마약류 제조 및 밀수에 공동 대응하는
워킹그룹
고위급 회의 최초 개최  / 中, 외국인투자의 장기적인 자본시장 진입을 위해 ▴외국인 투자법을 개정하고, ▴2024년판 외국인 투자 네거티브
리스트’를 발표해 제조업 부문에 (대외관계) 동 워킹그룹은 지난해 11월 샌프란시스코 정상회담 합의에 따라 지난 1월 출범, 양국은 마약류 제조
밀수에 공동 대응하는 워킹그룹
</p>
</div>
<div row between>
<div row start style="--pl:20px;--gap:24px">
<a hashtag href="#">마약</a>
<a hashtag href="#">워킹그룹</a>
<a hashtag href="#">샌프란시스코</a>
<a hashtag href="#">차이신</a>
<a hashtag href="#">PMI</a>
<a hashtag href="#">인민은행</a>
<a hashtag href="#">네거티브</a>
</div>
<button variant="fill" style="--bg:#3366FF;">
상세보기 +
</button>
</div>
</div>
</div>
<div>
<p class="list-category">중국</p>
<div col style="--gap:16px">
<div row end between>
<h3 ellipsis style="--width:80%">美·中, 마약 대응 워킹그룹 첫 고위급 회의 개최 / 中, 외국인투자법 개정 예정 / 中
경기
하강 우려 확산 추세美·中, 마약 대응 워킹그룹 첫
고위급 회의 개최 / 中, 외국인투자법 개정 예정 / 中 경기 하강 우려 확산 추세</h3>
<p style="--color:#666">2024.08.05</p>
</div>
<div box style="--bg:#EDF1FF;--p:20px;">
<p style="--clamp:2">
(대외관계) 동 워킹그룹은 지난해 11월 샌프란시스코 정상회담 합의에 따라 지난 1월 출범, 양국은 마약류 제조 및 밀수에 공동 대응하는
워킹그룹
고위급 회의 최초 개최  / 中, 외국인투자의 장기적인 자본시장 진입을 위해 ▴외국인 투자법을 개정하고, ▴2024년판 외국인 투자 네거티브
리스트’를 발표해 제조업 부문에 (대외관계) 동 워킹그룹은 지난해 11월 샌프란시스코 정상회담 합의에 따라 지난 1월 출범, 양국은 마약류 제조
밀수에 공동 대응하는 워킹그룹
</p>
</div>
<div row between>
<div row start style="--pl:20px;--gap:24px">
<a hashtag href="#">마약</a>
<a hashtag href="#">워킹그룹</a>
<a hashtag href="#">샌프란시스코</a>
<a hashtag href="#">차이신</a>
<a hashtag href="#">PMI</a>
<a hashtag href="#">인민은행</a>
<a hashtag href="#">네거티브</a>
</div>
<button variant="fill" style="--bg:#3366FF;">
상세보기 +
</button>
</div>
</div>
</div>
<!-- 리스트 반복 영역 fin -->
</div>
<div row middle center class="list-action">
<button class="list-more" variant="fill" size="" style="--bg:#222222;">
+ 더보기
</button>
</div>
</div>
</container>
</div>
</div>
</body>
</html>