-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
635 lines (528 loc) · 32.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Better recycling, Better Earth</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/care (1).png" rel="icon">
<link href="assets/img/care (1).png" rel="icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Bikin - v4.1.0
* Template URL: https://bootstrapmade.com/bikin-free-simple-landing-page-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo">
<img src="assets/img/care (1).png" alt="">
<a href="index.html">0422 Earth Day</a>
</h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#features1">비닐류</a></li>
<li><a class="nav-link scrollto " href="#features2">종이류</a></li>
<li><a class="nav-link scrollto" href="#features3">유리병류</a></li>
<li><a class="nav-link scrollto" href="#features4">플라스틱류</a></li>
<li><a class="nav-link scrollto" href="#services">더 알아보기</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container d-flex flex-column align-items-center justify-content-center" data-aos="fade-up">
<br>
<h1>헷갈리는 분리수거 방법, <br> 올바르게 처리하기</h1>
<a href="#about" class="btn-get-started scrollto">Get Started</a>
<img src="assets/img/main.png" class="img-fluid hero-img" alt="" data-aos="zoom-in" data-aos-delay="150">
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======-->
<section id='about' class='section-bg'>
<div class='container'>
<div class="section-font">
<p>'기름 뭍은 과자봉지는 비닐류에 버려도 될까?'</p>
</div>
<div class="row justify-content-center">
<div class="col-md-4 justify-content-center" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/question.png" class="img-fluid" alt="">
</div>
<div class="section-title">
<h3><br>생활 속 이런 고민, 한 번쯤 해보지 않았나요?
<br>애매한 분리수거, 어떻게 처리하고 있나요?</h3>
</div>
</div>
</div>
<br>
<br>
</section>
<section id="about2" class="about">
<div class="container">
<div class="row no-gutters">
<div class="content col-xl-5 d-flex align-items-stretch" data-aos="fade-right">
<div class="content">
<h3>재활용률은 OECD 국가 중 2위, 실질 재활용률은...</h3>
<p>
2017년 OECD에서 발표한 환경성과평가에 따르면, 대한민국의 재활용 물질 회수율은 59%로 OECD국가 중 2위를 기록했습니다.
그러나 여러 기사 및 환경 단체에서는 <b>실질 재활용률은 이보다 다소 낮다</b>는 것을 지적합니다.
</p>
<a href="http://www.me.go.kr/home/file/readDownloadFile.do;jsessionid=4XjmiF4Hc-uDGcGmXK7P0C+2.mehome1?fileId=143833&fileSeq=1" class="about-btn">2017 OECD 환경성과평가 보고서 다운 <i class="bx bx-chevron-right"></i></a>
</div>
</div>
<div class="col-xl-6 align-items-stretch" data-aos="fade-left">
<a href="https://newsimg.hankookilbo.com/cms/articlerelease/2020/12/22/dc7e062e-793f-4d99-b5f8-1bebdd840c64.png"><img src="https://newsimg.hankookilbo.com/cms/articlerelease/2020/12/22/dc7e062e-793f-4d99-b5f8-1bebdd840c64.png" class="" alt="" data-aos="zoom-in" data-aos-delay="150"></a>
<p><a href="https://www.hankookilbo.com/News/Read/A2020122117240000687">출처: 한국일보-2018년 대한민국 플라스틱 재활용률-우태경기자</a></p>
</div>
<div class="col-xl-9 align-items-stretch" data-aos="fade-left">
<div class="icon-boxes flex-column justify-content-center">
<div class="row">
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-receipt"></i>
<h4>관련 기사 링크</h4>
<ul>
<li><a href="https://www.hankookilbo.com/News/Read/A2020122117240000687">당신의 재활용 수고, 60%는 그대로 버려진다</a></li>
<li><a href="https://www.nocutnews.co.kr/news/5159798">대한민국 재활용률 세계2위, 숨겨진 비밀</a></li>
<li><a href="http://www.newspost.kr/news/articleView.html?idxno=92245">분리수거해도 재활용이 안되는 이유</a></li>
</ul>
</div>
<div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-cube-alt"></i>
<h4>관련 사이트 링크</h4>
<ul>
<li><a href="https://kosis.kr/statHtml/statHtml.do?orgId=101&tblId=DT_1YL21311&vw_cd=MT_GTITLE01&list_id=111&seqNo=&lang_mode=ko&language=kor&obj_var_id=&itm_id=&conn_path=MT_GTITLE01">KOSIS 일반폐기물 재활용률</a></li>
<li><a href="https://www.oecd-ilibrary.org/sites/9789264268265-en/index.html?itemId=/content/publication/9789264268265-en">OECD Environmental Performance Reviews:Korea 2017</a></li>
<li><a href="https://together.kakao.com/magazines/1318">지구를 지키는 20가지 제안-분리수거 제대로 하기</a></li>
</ul>
</div>
</div>
</div><!-- End .content-->
</div>
</div>
</div>
</section>
<section id='about3' class='section-bg'>
<div class='container'>
<div class="section-title">
<h3>올바른 방법으로 분리수거해야 재활용율을 높일 수 있다는 사실!</h3>
</div>
<br>
<div class="row justify-content-center">
<div class="col-md-3 justify-content-center" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/recycle-sign.png" class="img-fluid" alt="">
</div>
<div class="section-title">
<h3><br>애매하고 헷갈렸던 분리수거 방법!
<br><br> 정확하게 알아봅시다!</h3>
</div>
<div class="section" >
<div class="container d-flex flex-column align-items-center justify-content-center">
<a href="#features1" class="btn-get-started scrollto">↓</a>
</div>
</div>
</div>
</div>
<br>
<br>
</section>
<!-- End About Section -->
<!-- ======= Features Section 1======= -->
<section id="features1" class="features" data-aos="fade-up">
<div class="container">
<div class="section-title">
<h3>[ 비닐류 ]</h3>
<h2>Q. 과자봉지, 아이스크림 포장지는 모두 비닐류인가요?</h2>
</div>
<div class="row content">
<div class="col-md-4" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/plasticbags.png" class="img-fluid" alt="">
</div>
<div class="col-md-7 pt-4" data-aos="fade-left" data-aos-delay="100">
<h3>재활용 마크를 확인해야 합니다!</h3>
<p>
일반적인 과자, 아이스크림 등의 포장지는 내용물을 씼어서 비닐류에 배출하면 됩니다. (기름 등 씻어도 이물질이 제거되지 않을 경우 일반쓰레기)
<br>다만, <b>복합재질(종이, 은박 등)</b>의 포장지는 재활용이 어려우니 일반쓰레기로 배출하면 됩니다.
</p>
<br>
<ul>
<li><i class="bi bi-check"></i> 모든 비닐류는 흩날리지 않도록 투명 혹은 반투명봉투에 담아서 배출하면 좋습니다.</li>
<li><i class="bi bi-check"></i> 재활용 마크가 없더라도 깨끗한 경우 비닐류에 배출하면 됩니다. (검정비닐 포함) </li>
<li><i class="bi bi-check"></i> <b>포장용 에어캡(뽁뽁이)</b>도 테이프 등 이물질을 제거 후 비닐류에 배출하면 됩니다. </li>
<li><i class="bi bi-check"></i> <b>지퍼백</b>은 이물질이 없다면 지퍼부분을 제거하지 않고 비닐류에 배출해도 됩니다. </li>
</ul>
</div>
</div>
</div>
</section>
<!-- ======= Features Section 2======= -->
<section id="features2" class="features" data-aos="fade-up">
<div class="container">
<div class="section-title">
<h3>[ 종이류 ]</h3>
<h2>Q. 기름이 스며든 치킨 박스는 종이류 인가요?</h2>
</div>
<div class="row content">
<div class="col-md-4 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/chicken.png" class="img-fluid" alt="">
</div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h3>기름이나 음식물이 묻은 종이류는 재활용되지 않습니다.</h3>
<br>
<p>
기름이나 음식물이 묻은 치킨 박스, 피자 박스 등은 일반쓰레기로 배출해야 합니다.
<br>또한 코팅된 종이(손으로 찢어지지 않는 경우만)는 재활용되지 않으므로 일반쓰레기로 배출합니다.
</p>
<div class='faq'>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq1">컵라면 용기(종이컵) 배출방법<i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq1" class="collapse" data-bs-parent=".faq-list">
<p>컵라면 용기 (종이컵)은 이물질과 기름기가 완벽히 제거되었다면, 종이류에 배출가능합니다. 그러나 완벽한 기름기 제거가 쉽지 않다는 점에서 일반쓰레기 배출을 권장하기도 합니다. </p>
</div>
</li>
</ul>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq2">영수증, 전단지 배출방법 <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq2" class="collapse" data-bs-parent=".faq-list">
<p><b>전단지</b>와 같이 코팅된 종이(손으로 찢어지는 경우는 종이류)는 재활용을 하기 어려워 <b>일반 쓰레기</b>로 배출하는 것이 적절합니다.
<br> 약품 처리가 된 <b>영수증 </b>역시 찢어서 <b>일반 쓰레기</b>로 배출하면 됩니다.
</p>
</div>
</li>
</ul>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq3">종이류와 종이팩 <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq3" class="collapse" data-bs-parent=".faq-list">
<p>종이류와 종이팩은 재활용 공정과정의 차이가 있어 <b>분리</b>하여주는 것이 좋습니다. 특히 종이팩은 화장지, 미용티슈로 재활용된다는 점에서 그 가치가 높습니다. 종이팩 전용 수거함이
없는 경우, 가급적 모아서 끈으로 묶어 배출하는 것이 좋습니다.
<br>(연간 국내 배출되는 종이팩 70%만 재활용한다면, 우리나라 인구 1/3이상이 1년간 사용할 수 있는 2억1천롤의 화장지를 생산할 수 있다고 함 (출처: 클린양산 백과사전-분리배출요령))
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- ======= Features Section 3======= -->
<section id="features3" class="features" data-aos="fade-up">
<div class="container">
<div class="section-title">
<h3>[ 유리병류 ]</h3>
<h2>Q. 깨진 유리는 유리병류에 버리면 안되나요?</h2>
</div>
<div class="row content">
<div class="col-md-4" data-aos="fade-right">
<img src="assets/img/fragile.png" class="img-fluid" alt="">
</div>
<div class="col-md-7 pt-5" data-aos="fade-left">
<h3>안됩니다!</h3>
<br>
<p>깨진 유리는 수거 작업 과정에서 안전 사고가 발생할 수 있으므로 유리병류에 배출하면 안됩니다.
<br>소량일 경우 신문지 등에 잘 싸서 <b>'일반쓰레기'</b>로 배출해하고, 양이 많은 경우 '특수규격마대(불연성 전용봉투)'를 구입하여 배출하면 됩니다. (출처: 내 손안의 분리배출)
</p>
<div class='faq'>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq1">유리같지만 유리병류에 배출하면 안되는 것들<i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq1" class="collapse" data-bs-parent=".faq-list">
<p><b>거울, 내열 유리(식기포함), 전구, 도자기류, 화분</b> 등은 유리병류에 배출할 수 없습니다. 크기에 따라 '불연성 종량제 봉투'에 폐기해야 합니다.</p>
</div>
</li>
</ul>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq2">유리병 배출 팁<i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq2" class="collapse" data-bs-parent=".faq-list">
<p>피로회복제, 비타민음료, 청량음료나 각종 주류 공병들은 재사용이 가능합니다. 따라서 입구부분이 파손되지 않도록 <b>뚜껑을 닫아 배출</b>하는 것이 좋습니다.
이외의 일반 유리병은 분리배출하는 것이 좋습니다. </p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- ======= Features Section 4======= -->
<section id="features4" class="features" data-aos="fade-up">
<div class="container">
<div class="section-title">
<h3>[ 플라스틱류 ]</h3>
<h2>Q. 다 쓴 펜은 플라스틱에 버리는 것 아닌가요?</h2>
</div>
<div class="row content">
<div class="col-md-4 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/pen.png" class="img-fluid" alt="">
</div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h3>펜을 분리하거나 일반 쓰레기로!</h3>
<p>
일반적으로 싸인펜, 마커, 형광펜은 복합제질로 재활용이 어렵습니다. 그러나 심과 분리가 가능한 볼펜 등은 분리하여 <b>볼펜심과 고무 부분은 일반쓰레기에, 용수철은 고철에, 펜대는 플라스틱에 배출</b>하면 됩니다.
</p>
<div class='faq'>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq2">빨대 등의 소형 플라스틱<i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq2" class="collapse" data-bs-parent=".faq-list">
<p>작은 플라스틱은 수작업 선별 과정에서 대부분 잔재물로 배출되는 경우가 많습니다. 빨대는 단일 재질로 되어 있어 재활용이 가능하지만, 선별의 용이함을 위해 가급적 <b>모아서 묶어 배출</b>하는 것이 좋습니다.
(플라스틱 분리배출함이 별도로 있는 곳은 플라스틱으로 배출, 그렇지 않으면 일반쓰레기로 배출합니다. (출처: 내 손안의 분리배출))
</p>
</div>
</li>
</ul>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq1">실리콘, 고무재질 배출방법<i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq1" class="collapse" data-bs-parent=".faq-list">
<p><b>실리콘과 고무는 합성재질로 재활용이 불가능</b>합니다. 가연성 쓰레기로 일반쓰레기 (종량제봉투)에 배출하면 됩니다.
(실리콘 주방도구, 고무대야, 고무재질 완구 등 포함)
</p>
</div>
</li>
</ul>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq3">후라이팬의 플라스틱 손잡이는?<i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq3" class="collapse" data-bs-parent=".faq-list">
<p> 후라이팬은 고철류로 분류됩니다. 다만 손잡이가 플라스틱이거나 나무 등인 경우에는 <b>손잡이 하단 나사를 풀어 분리한 뒤, 손잡이 재질에 따라
플라스틱 혹은 일반 쓰레기에 배출</b>하면 됩니다. 분리가 불가능할 경우, 일반쓰레기로 배출하면 소각과정을 거쳐 소각재를 자력선별기를 통해 고철을 다시 회수할 수 있다고 합니다. (출처: 내 손안의 분리배출)
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section><!-- End Features Section -->
<!-- ======= plastic Section ======= -->
<section id="features" class="features">
<div class="container" data-aos="fade-up">
<div class="row feture-tabs" data-aos="fade-up">
<div class="col-lg-6">
<h3>+) 투명 플라스틱만 모아주세요!</h3>
<!-- Tabs -->
<ul class="nav nav-pills mb-3">
<li>
<a class="nav-link active" data-bs-toggle="pill" href="#tab1">시행 법령</a>
</li>
<li>
<a class="nav-link" data-bs-toggle="pill" href="#tab2">배출방법</a>
</li>
<li>
<a class="nav-link" data-bs-toggle="pill" href="#tab3">주의사항</a>
</li>
</ul><!-- End Tabs -->
<!-- Tab Content -->
<div class="tab-content">
<div class="tab-pane fade show active" id="tab1">
<p><b>'투명 패트병 분리배출제'</b>는 2020년 12월 25일부터 300세대 이상이거나 150세대 이상이면서 승강기가 설치된 아파트 등을 대상으로 시행되고 있습니다. </p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>깨끗하게 분리된 페트병은 고품질 재활용 원료로 사용됩니다.</h4>
</div>
<p>옷의 종류 및 디자인 등에 따라 차이는 있지만 일반 티셔츠 한벌에 500㎖ 12병 또는 2L 5병, 긴소매 기능성 자켓은 500㎖ 약 32병이 사용된다고 합니다. (출처: 환경부 보도자료)
<br> 따라서 플라스틱 재활용률을 높이기 위해서는 <b>일반 플라스틱과 투명 패트병은 분리되어 배출</b>해야 합니다. </p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>2021년 12월 25일부터는 대상이 확대될 예정입니다.</h4>
</div>
<p>올 연말 부터는 빌라, 연립 등 의무관리 비대상 공동주택과 단독주택까지 투명페트병 분리배출제를 시행하도록 한다고 합니다.</p>
</div><!-- End Tab 1 Content -->
<div class="tab-pane fade show" id="tab2">
<p></p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>내용물을 비우고 깨끗하게 씻습니다.</h4>
</div>
<p>이물질이 남아 있는 페트병은 선별 과정에서 제외됩니다.</p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>라벨은 제거합니다. </h4>
</div>
<p> 라벨은 페트와 재질이 다르고, 분리가 잘 되지 않아 재활용률을 떨어뜨립니다. 페트의 <b>라벨은 꼭 분리하여 비닐류로 배출</b>해야 합니다. </p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>압착한 뒤 뚜껑을 닫아 'PET' 수거함에 배출합니다.</h4>
</div>
<p>압착된 페트병에 뚜껑을 닫아 배출하게 되면, 부피가 줄어들어 차량운송·보관 등 수거효율이 높아집니다. 또한 <b>페트병 뚜껑및 고리</b>는 PE, PP 등 물에 뜨는 재질로, 재활용과정에서 쉽게 제거되므로 <b>분리하지 않아</b>도 됩니다. </p>
</div><!-- End Tab 2 Content -->
<div class="tab-pane fade show" id="tab3">
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>재활용 마크에 'PET'표시된 페트병만 투명플라스틱으로 배출하면 됩니다.</h4>
</div>
<p>모든 투명 플라스틱을 'PET'에 배출하는 것이 아닙니다.</p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>과일 및 야채가 담긴 투명 플라스틱 통, 투명한 계란판 등은 '플라스틱 수거함'에 배출해야 합니다.</h4>
</div>
<p>똑같이 투명해보여도, PP와 PET를 분리해주어야 합니다. </p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>일회용 플라스틱컵은 '플라스틱 수거함'에 배출해야합니다. </h4>
</div>
<p>카페에서 사용하는 일회용 투명 플라스틱컵도 PP재질로, PET와 분리해야합니다. </p>
</div><!-- End Tab 3 Content -->
</div>
</div>
<div class="col-lg-6">
<img src="assets/img/plastic.png" class="img-fluid" alt="">
</div>
</div><!-- End Feature Tabs -->
</div>
</section><!-- End Steps Section -->
<!-- ======= Services Section ======= -->
<section id="services" class="services">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>분리수거 4원칙</h2>
<p>분리수거 방법이 헷갈릴 땐 이것만 기억하세요!</p>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="100">
<div class="icon-box">
<h2 class='title'; style="color: #2dbe78;">비운다!</h2>
<img src="assets/img/plastic (1).png" class="img-fluid" alt="">
<p class="description">용기 안에 담겨 있는 내용물은 깨끗히 비우고 배출한다</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="200">
<div class="icon-box">
<h2 class='title'; style="color: #2dbe78;">헹군다!</h2>
<img src="assets/img/washing-dishes.png" class="img-fluid" alt="">
<p class="description">재활용품에 뭍어있는 이물질, 음식물 등은 닦거나 한 번 행궈서 배출한다</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="300">
<div class="icon-box">
<h2 class='title'; style="color: #2dbe78;">분리한다!</h2>
<img src="assets/img/divide.png" class="img-fluid" alt="">
<p class="description">라벨 등의 다른 재질 부분은 제거하여 배출한다</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="400">
<div class="icon-box">
<h2 class='title'; style="color: #2dbe78;">섞지 않는다!</h2>
<img src="assets/img/recycle-bin.png" class="img-fluid" alt="">
<p class="description">종류별, 재질별로 구분하여 분리수거함으로 배출한다</p>
</div>
</div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>더 알고 싶다면?</h2>
<h3></h3>
</div>
<div class="row content">
<!--left-image-->
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/app.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>내 손안의 분리배출</h4>
<p>App</p>
<div class="portfolio-links">
<a href="https://play.google.com/store/apps/details?id=kr.or.kprc.recycle" title="Android"><i class="bx bx-link"></i></a>
<a href="https://apps.apple.com/kr/app/%EB%82%B4%EC%86%90%EC%95%88%EC%9D%98-%EB%B6%84%EB%A6%AC%EB%B0%B0%EC%B6%9C/id1398692975" title="IOS"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<!--right-->
<div class="col-md-7 pt-5 container" data-aos="fade-left">
<h3 span style='color:#2a9161'><b>'내 손안의 분리배출' 앱에서 확인하세요!</b></h3>
<br>
<p> '내 손안의 분리배출'은 국민들의 올바른 분리배출을 위해
환경부, 한국환경공단, 한국 순환자원 유통지원센터, 한국포장재 재활용사업공제조합이 공동으로 제작한 앱입니다.
</p>
<p> 분리수거와 관련한 모든 궁금증은 해당 앱에서 검색 혹은 직접 게시판에 작성하는 등의 방법으로 해결할 수 있습니다.
<br> (사진을 클릭해서 나오는 링크 버튼을 통해 다운 받을 수 있습니다! 😉)
</p>
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= About Final ======-->
<section id='final' class='section'>
<div class='container'>
<div class="row justify-content-center">
<div class="col-md-7 justify-content-center" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/Final.jpg" class="img-fluid" alt="">
</div>
<div class="section-title">
<h3 span style='color:#0c5332; font-size: 35px;'>올바른 분리수거!</h2>
<h3> 조금만 노력하면 누구나 할 수 있는 일 입니다.</h3>
<p span style='color:#0c5332; font-size: 20px;'>
보다 나은 지구를 위해 올바른 분리수거와 더불어, 폐기물 배출량을 줄이기 위한 노력을 실천해보는 건 어떨까요?</p>
</div>
</div>
</div>
<br>
<br>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container d-md-flex py-4">
<div class="me-md-auto text-center text-md-start">
<div class="copyright">
© Copyright <strong><span>Bikin</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bikin-free-simple-landing-page-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
<br> Created by JeongYun Lee
</div>
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>