MOFA/components/list_section/list_section.html

188 lines
12 KiB
HTML
Raw Normal View History

2024-10-22 10:12:18 +00:00
<!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>