@font-face {
   font-family: 'NotoKr';
   font-style: normal;
   font-weight: 100;
   src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2') format('woff2'),
    url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff') format('woff'),
    url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf') format('opentype');
 }
 @font-face {
   font-family: 'NotoKr';
   font-style: normal;
   font-weight: 300;
   src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2') format('woff2'),
    url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff') format('woff'),
    url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf') format('opentype');
 }
 @font-face {
   font-family: 'NotoKr';
   font-style: normal;
   font-weight: 500;
   src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2') format('woff2'),
   url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff') format('woff'),
   url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf') format('opentype');
 }
 @font-face {
   font-family: 'NotoKr';
   font-style: normal;
   font-weight: 700;
   src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2') format('woff2'),
   url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff') format('woff'),
   url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf') format('opentype');
 }
 
 @font-face {
  font-family: 'Gmarket Sans';    
  font-style: normal;    
  font-weight: 700;
  src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
  url('https://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'),
  url('https://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff');
 }
 @font-face {
  font-family: 'Gmarket Sans';    
  font-style: normal;    
  font-weight: 500;
  src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
  url('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'),
  url('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff');
 }
 @font-face {
  font-family: 'Gmarket Sans';    
  font-style: normal;    
  font-weight: 300;
  src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
  url('https://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'),
  url('https://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff');
 }
 
 html, body { width:100%; height:100%; padding:0; margin:0; }
 div, form { padding:0; margin:0; }
 div, span { letter-spacing: -0.030em; }
 
 .pc { display:inline-block; }
 .mo { display:none; }
 
 .wrap { position:relative; margin:0 auto; width:100%; max-width:1920px; }
 
 .section01 { position:relative; }
 .section01 .section01_visual { width:100%; overflow:hidden }
 .section01 .section01_visual .section01_bg img { width:100%; }
 .section01 .this_logo { position:absolute; top:6.87vw; left:20.36vw; width:7.29vw; height:3.12vw; background:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/192fda5e-d1_logo.png') no-repeat top left; background-size:100% 100%; z-index:1; }
 .section01 .greenpeace_logo { position:absolute; top:6.87vw; left:78.8vw;  width:7.44vw; height:1.19vw; background:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/a46ac797-d1_glogo.png') no-repeat top left; background-size:100% 100%; z-index:1; }
 .section01 .title { position:absolute; width:16.04vw; height:11.82vw; top:21.19vw; left:20.20vw; background:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/4cbc9418-d1_holdcopy.png') no-repeat top left; background-size:100% 100%;  z-index:1; }
 
 .section01 .section01_title { position:absolute; top:41.14vw; left:20.20vw; font-family: 'Gmarket Sans'; font-size:2.41vw; font-weight:300; color:#ffffff; }
 .section01 .section01_title span { font-weight:500; }
 .section01 .section01_desc { position:absolute; top:46.09vw; left:20.20vw; line-height:1.88vw; font-family: 'NotoKr'; font-size:1.15vw; font-weight:300; color:#ffffff; }
 .section01 .section01_desc span { font-weight:500; }
 
 .section02 { position:relative; padding:4.68vw 0% 5.72vw 20.20vw; background-color:#ffffff; }
 .section02 .title { line-height:2.39vw; font-family: 'Gmarket Sans'; font-size:1.82vw; font-weight:500; color:#211817; }
 .section02 .title span { font-weight:700; color:#53aa4a; }
 .section02 .desc { margin-top:1.09vw; line-height:1.82vw; font-family: 'NotoKr'; font-size:1.15vw; font-weight:500; color:#8a8a8a; }
 .section02 .banner { margin-top:2.44vw; }
 .section02 .banner .banner_img { margin-top:0.72vw; width:32.34vw; height:9.58vw; background-size:100% auto; background-repeat:no-repeat; background-position:0 0; }
 .section02 .banner .banner_img:nth-child(1) { background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/f73b8c6b-d2_banner1.png'); } 
 .section02 .banner .banner_img:nth-child(2) { background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/e7a7d5c5-d2_banner2.png'); } 
 .section02 .banner .banner_img:nth-child(3) { background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/87030b48-d2_banner3.png'); } 
 .section02 .banner .banner_img:nth-child(4) { background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/d663d615-d2_banner4.png'); } 
 
 .section03 { position:relative; padding:4.84vw 0% 10.83vw 20.20vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/9b6cce79-d3_bg0.png'); background-repeat:no-repeat; background-position:0 0; background-color:#52ab4a; }
 .section03 .title { line-height:2.39vw; font-family: 'Gmarket Sans'; font-size:1.82vw; font-weight:500; color:#ffffff; }
 .section03 .title span { font-weight:700; color:#fffc9f; }
 .section03 .desc { margin-top:1.09vw; line-height:1.82vw; font-family: 'NotoKr'; font-size:1.15vw; font-weight:300; color:#ffffff; }
 .section03 .stitle { margin-top:2.39vw; width:15.67vw; height:1.92vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/4e204ddd-d3_title.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
 .section03 .slist { margin-top:1.56vw; width:32.44vw; height:10.15vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/ae196d65-d3_listback.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
 .section03 .slist ul { position:relative; padding:0.67vw 0 0 1.35vw; }
 .section03 .slist ul li { margin-top:1.10vw; list-style:none; display:flex; align-items:center; }
 .section03 .slist ul li .num { width:1.10vw; height:1.10vw; margin-top: 0.12vw; text-align:center; border-radius:50%; font-family: 'NotoKr'; font-size:0.73vw; font-weight:700; color:#53ab4a; background-color:#ffffff; }
 .section03 .slist ul li .txt { margin-left:5px; border-radius:50%; font-family: 'NotoKr'; font-size:0.99vw; font-weight:700; color:#ffffff; }
 .section03 .slist ul li .txt span { color:#fffc9f; }
 .section03 .sdesc { margin-top:2.08vw; line-height:1.88vw; font-family: 'NotoKr'; font-size:1.20vw; font-weight:300; color:#ffffff; }
 .section03 .sdesc span { color:#fffc9f; }
 .section03 .bg1 { position:absolute; bottom:0; left:0; width:100%; height:9.47vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/5acecd70-d3_bg2.png'); background-repeat:repeat-x; background-position:0 0; background-size: auto 100%; }
 .section03 .bg2 { position:absolute; bottom:0; left:0; width:100%; height:15.57vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/38badc20-d3_bg1.png'); background-repeat:no-repeat; background-position:21.35vw 0; background-size: auto 100%; }
 
 .section04 { position:relative; padding:4.16vw 0% 0 20.20vw; }
 .section04 .title { line-height:2.39vw; font-family: 'Gmarket Sans'; font-size:1.82vw; font-weight:500; color:#211817; }
 .section04 .title span { font-weight:700; color:#53ab4a; }
 .section04 .youtube { position:relative; margin-top:2.76vw; width:33.64vw; height:20.31vw; z-index:2; }
 .section04 .youtube iframe { border:5px solid #a9d49b; border-radius:10px; box-sizing:border-box; }
 .section04 .stitle { margin-top:2.50vw; font-family: 'Gmarket Sans'; font-size:1.17vw; font-weight:500; color:#211817; }
 .section04 .stitle span { font-weight:700; }
 .section04 .slist { position:relative; z-index:2; width:32vw; margin-top:1vw; display:flex; flex-wrap:wrap; }
 .section04 .slist .sdetail { position:relative; margin:1vw 0 0 1vw; width:10vw; height:10vw; cursor:pointer; }
 .section04 .slist .sdetail:nth-child(1) { margin-left:0; }
 .section04 .slist .sdetail:nth-child(4) { margin-left:0; }
 .section04 .slist .sdetail:nth-child(7) { margin-left:0; }
 .section04 .slist .sdetail:nth-child(10) { margin-left:0; }
 .section04 .slist .sdetail img { width:100%; height:100%; }
 .section04 .slist .sdetail .icon { display:none; position:absolute; top:-2vw; left:50%; width:2.65vw; height:3.43vw; transform:translateX(-50%); animation:icontopdown 0.5s linear 0s infinite alternate; }
 .section04 .slist .sdetail .hover { display:none; position:absolute; top:0; left:0;}
 @keyframes icontopdown {
  to {
   top:-1vw;
  }
 }
 .section04_pop { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:5; }
 .section04_pop_wrap { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90vw; max-width:1200px; height: 51.75vw; max-height:690px; display: flex;; border-radius:15px; }
 .section04_pop_wrap.wrap_h { width:141.75vh; height: 90vh; }
 .section04_pop_wrap .section04_pop_left { width:57.5%; height:100%; overflow:hidden; border-top-left-radius:14px; border-bottom-left-radius:14px; }
 .section04_pop_wrap .section04_pop_left .section04_pop_left_auto { width:100%; height:100%; display:flex; }
 .section04_pop_wrap .section04_pop_left .section04_pop_left_auto div { width:100%; height:100%; flex-shrink: 0;}
 .section04_pop_wrap .section04_pop_left .section04_pop_left_auto img { width:100%; height:100%;  }
 .section04_pop_wrap .section04_pop_right { position:relative; width: 42.5%; height:100%; overflow-y:auto;  background:#fff; border-top-right-radius:14px; border-bottom-right-radius:14px; }
 .section04_pop_close{ position: absolute; top:10px; right:10px;}
 .section04_pop_wrap .section04_pop_close { position:absolute; top:20px; right:20px; cursor:pointer; z-index: 3; }
 .section04_pop_wrap .section04_pop_right .section04_pop_txt1 { margin:15% 0 0 10%; font-family: 'Gmarket Sans'; font-size:25px; font-weight:300; color:#211817; }
 .section04_pop_wrap .section04_pop_right .section04_pop_txt2 { margin:1vh 0 0 10%; font-family: 'Gmarket Sans'; font-size:35px; font-weight:700; color:#53ab4a; }
 .section04_pop_wrap .section04_pop_right .section04_pop_msg { margin:5% 5% 5% 10%; font-family:'NotoKr'; font-size:16px; font-weight:300; word-break:keep-all; }
 
 .section05 { position:relative; padding:6.77vw 0% 0 0;}
 .section05 .title { margin-left:20.20vw; line-height:2.39vw; font-family: 'Gmarket Sans'; font-size:1.82vw; font-weight:500; color:#211817; }
 .section05 .title span { font-weight:700; color:#53ab4a; }
 .section05 .desc { margin-left:20.20vw; margin-top:1.09vw; line-height:1.82vw; font-family: 'NotoKr'; font-size:1.15vw; font-weight:500; color:#8a8a8a; }
 .section05 .bg1 { margin-top:5.72vw; width:65.57vw; height:18.07vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/07112ad2-d4_bg1.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
 .section05 .bg2 { margin-top:10vw; height:9.01vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/b6a33a50-d4_bg2.png'); background-repeat:repeat-x; background-position:0 0; background-size:auto 100%; }
 .section05 .bg3 { position:absolute; bottom:0; left:15.52vw; width:40.46vw; height:38.43vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/c19dbb9c-d4_visual.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
 
 .section06 { position:relative; padding:3.95vw 0 10.41vw 0; background-color:#53ab4a; text-align:center; font-family: 'NotoKr'; font-size:0.73vw; font-weight:300; color:#ffffff; }
 
 .forms { position:absolute; width:27vw; top:21.19vw; left:59.37vw; padding:3.12vw 2.60vw; background-color:#ffffff; border-radius:10px; box-shadow: 0px 0px 5px 0px #a7a7a7; z-index:2; box-sizing: border-box; }
 .forms .form_wrap { position:relative; z-index:3; }
 .forms .title { margin-bottom:1.04vw; line-height:1.97vw; font-family: 'Gmarket Sans'; font-size:1.45vw; font-weight:700; color:#211817;  }
 .forms .title span { color:#53ab4a; }
 .forms .input_hide { display:none; }
 .forms .input_wrap { position:relative; }
 .forms .input_wrap label { display:none; position:absolute; top: 2.8vw; left:0.5vw; font-family: 'NotoKr'; font-size:0.55vw; font-weight:500; color:#ff1900; }
 .forms .input_wrap label.ip_phone { display:none; position:relative; top:auto; left:auto; }
 .forms input[type='text'] { margin-top:0.73vw; width:100%; height:2.08vw; background-color:#eeeeee; border:none; border-radius:5px; text-align:center; font-family: 'NotoKr'; font-size:0.79vw; font-weight:500; color:#9d9d9d; outline:none; box-sizing: border-box; }
 .forms .agree { margin-top:0.5vw; }
 .forms .agree .checkbox_rwap { margin-top:0.5vw; align-items: center; }
 .forms .agree .checkbox_rwap input { width:0.7vw; height:0.7vw; }
 .forms .agree .checkbox_rwap label { font-family: 'NotoKr'; font-size:0.7vw; font-weight:500; color:#211817; margin-left:5px; }
 .forms .agree .checkbox_rwap label.error { color: #ff1900;}
 .forms .agree .checkbox_rwap a { font-family: 'NotoKr'; font-size:0.7vw; font-weight:500; color:#53ab4a; margin-left:5px; }
 .forms .submit { margin-top:0.73vw; }
 .forms .submit button { margin:0; padding:0; border:none; outline:none; background:none; cursor:pointer; width:100%; height:2.08vw; line-height:2.08vw; border-radius:5px; background-color:#53ab4a; font-family: 'Gmarket Sans'; font-size:1.19vw; font-weight:700; color:#ffffff;  }
 
 .forms .sign_progress { margin-top:0.72vw; width:100%; height:6px; background:#b8b8b8; border-radius:3px; }
 .forms .sign_progress_active { height:6px; background:#53ab4a;border-radius: 3px; }
 .forms .sign_status { position:relative; margin-top:1vw; }
 .forms .sign_status .sign_status_active { position:relative; margin-left:-3vw; top:0; width:6vw; height:1.56vw; line-height:1.56vw; border-radius:5px; background:#53ab4a; font-family:'NotoKr'; font-size:0.72vw; font-weight:500; color:#fff; text-align:center; box-sizing:border-box; }
 .forms .sign_status .sign_status_active:after { content:''; position:absolute; top:-0.6vw; left:50%; transform:translateX(-50%); width: 0px; height: 0px; border-left: 0.7vw solid transparent; border-right: 0.7vw solid transparent; border-bottom: 0.7vw solid #53ab4a; }
 
 .complete { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:4; }
 .complete .complete_wrap { position:absolute; width:27vw; top:50%; transform:translateY(-50%); left:59.37vw; padding:4.16vw 2.08vw; text-align:center; background-color:#ffffff; border-radius:10px; box-shadow: 0px 0px 5px 0px #a7a7a7; box-sizing:border-box; }
 .complete .complete_wrap .close { position:absolute; top:1.3vw; right:1.3vw; width:1.2vw; height:1.2vw; cursor:pointer;}
 .complete .complete_wrap .close img { width:100%; height:100%; }
 .complete .complete_wrap .visual { width:14.16vw; height:13.33vw; margin:0 auto; }
 .complete .complete_wrap .visual img { width:100%; height:100%; }
 .complete .complete_wrap .title { margin-top:2.08vw; line-height:1.85vw; font-family: 'Gmarket Sans'; font-size:1.32vw; font-weight:700; color:#53ab4a; }
 .complete .complete_wrap .desc { margin-top:2.08vw; line-height:1.19vw; font-family: 'NotoKr'; font-size:0.72vw; font-weight:300; color:#211817; word-break:keep-all; }
 .complete .complete_wrap .desc span { font-weight:500; }
 .complete .complete_wrap .btn { display:block; margin-top:2.08vw; width:100%; height:2.5vw; text-align:center; border-radius:1vw; line-height:2.5vw; font-family: 'Gmarket Sans'; font-size:1.37vw; font-weight:700; background-color:#53ab4a; color:#ffffff; text-decoration:none; }
 
 .floating { display:none; }
 .layer { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:url('../images/cm/effect.png'); }
 
 @media (max-width: 800px) {
  .pc { display:none; }
  .mo { display:inline-block; }
 
  .section01 .this_logo { position:absolute; top:17.46vw; left:50%; transform:translateX(-50%); width:26.4vw; height:11.33vw; background:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/11407bf1-d1_logo.png') no-repeat top left; background-size:100% 100%; z-index:1; }
  .section01 .greenpeace_logo { position:absolute; top:30.8vw; left:50%; transform:translateX(-50%); width:12.13vw; height:2vw; background:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/b2730954-d1_glogo.png') no-repeat top left; background-size:100% 100%; z-index:1; }
  .section01 .title { position:absolute; top:61.33vw; left:8.26vw; width:52.66vw; height:39.06vw; background:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/f60188f7-d1_holdcopy.png') no-repeat top left; background-size:100% 100%;  z-index:1; }
  
  .section01 .section01_bg { width:100%; }
  .section01 .section01_title { position:absolute; top:116.4vw; left:8.26vw; font-family: 'Gmarket Sans'; font-size:6.18vw; font-weight:300; color:#ffffff; }
  .section01 .section01_title span { font-weight:500; }
  .section01 .section01_desc { position:absolute; top:128.93vw; left:8.26vw; line-height:4.81vw; font-family: 'NotoKr'; font-size:3.2vw; font-weight:300; color:#ffffff; }
  .section01 .section01_desc span { font-weight:500; }
 
  .section02 { position:relative; padding:16.3vw 0% 12.93vw 8.26vw; background-color:#ffffff; }
  .section02 .title { line-height:7vw; font-family: 'Gmarket Sans'; font-size:5.30vw; font-weight:500; color:#211817; }
  .section02 .title span { font-weight:700; color:#53aa4a; }
  .section02 .desc { margin-top:3vw; line-height:4.77vw; font-family: 'NotoKr'; font-size:3.5vw; font-weight:500; color:#8a8a8a; }
  .section02 .banner { margin-top:7vw; }
  .section02 .banner .banner_img { margin-top:2vw; width:82.8vw; height:24.53vw; background-size:100% auto; background-repeat:no-repeat; background-position:0 0; }
  .section02 .banner .banner_img:nth-child(1) { background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/22ee8ac2-d2_banner1.png'); } 
  .section02 .banner .banner_img:nth-child(2) { background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/9150d35f-d2_banner2.png'); } 
  .section02 .banner .banner_img:nth-child(3) { background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/06fdafbe-d2_banner3.png'); } 
  .section02 .banner .banner_img:nth-child(4) { background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/8e3e66d2-d2_banner4.png'); } 
 
  .section03 { position:relative; padding:15.06vw 2vw 32.4vw 8.26vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/7b1b73c4-d3_bg0.png'); background-repeat:no-repeat; background-position:0 0; background-color:#51a948; }
  .section03 .title { line-height:7vw; font-family: 'Gmarket Sans'; font-size:5.30vw; font-weight:500; color:#ffffff; }
  .section03 .desc { margin-top:3vw; line-height:4.77vw; font-family: 'NotoKr'; font-size:3.3vw; font-weight:300; color:#ffffff; }
  .section03 .stitle { margin-top:6.66vw; width:40.13vw; height:4.93vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/bb3c0b59-d3_title.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
  .section03 .slist { margin-top:4vw; width:83.06vw; height:26vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/d25dc533-d3_listback.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
  .section03 .slist ul { position:relative; padding:1.6vw 3.73vw 0 3.73vw; }
  .section03 .slist ul li {margin-top:0; list-style:none; display:flex; align-items:center; }
  .section03 .slist ul li .num { width: 2.5vw; height: 2.5vw; line-height: 2.5vw; margin-top: 0.4vw; text-align:center; border-radius:50%; font-family: 'NotoKr'; font-size:1vw; font-weight:700; color:#53ab4a; background-color:#ffffff; }
  .section03 .slist ul li .txt { margin-left:5px; border-radius:50%; font-family: 'NotoKr'; font-size:3.3vw; font-weight:700; color:#ffffff; }
  .section03 .sdesc { margin-top:5.73vw; line-height:5.10vw; font-family: 'NotoKr'; font-size:3.8vw; font-weight:300; color:#ffffff; }
  .section03 .bg1 { position:absolute; bottom:0; left:0; width:100vw; height:29.6vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/b0b469de-d3_bg1.png'); background-repeat:repeat-x; background-position:0 0; background-size: auto 100%; }
  .section03 .bg2 { display:none; }
  
  .forms { position:relative; top:auto !important; left:auto; width:100%; padding:22.4vw 10vw 0 10vw; box-sizing:border-box; background-color:#ffffff; border-radius:0; box-shadow:none; z-index:inherit; }
  .forms .title { margin-bottom:3.33vw; line-height:7.33vw; font-size:5.33vw; }
  .forms .input_hide { display:none; }
  .forms .input_wrap { position:relative; }
  .forms .input_wrap label { display:none; position:absolute; top:10vw; left:1vw; font-family: 'NotoKr'; font-size:2.53vw; font-weight:500; color:#ff1900; }
  .forms .input_wrap label.ip_phone { display:none; position:relative; top:auto; left:auto; }
  .forms input[type='text'] { margin-top:2.4vw; width:100%; height:8.53vw; background-color:#eeeeee; border:none; border-radius:5px; text-align:center; font-family: 'NotoKr'; font-size:3.34vw; font-weight:500; color:#9d9d9d; outline:none; box-sizing: border-box; }
  .forms .agree { margin-top:2.66vw; }
  .forms .agree .checkbox_rwap { margin-top:2.66vw; align-items: center; }
  .forms .agree .checkbox_rwap input { width:2.66vw; height:2.66vw; }
  .forms .agree .checkbox_rwap label { font-family: 'NotoKr'; font-size:3.24vw; font-weight:500; color:#211817; margin-left:5px; }
  .forms .agree .checkbox_rwap label.error{display: inline-block;}
  .forms .agree .checkbox_rwap a { display: inline-block; font-family: 'NotoKr'; font-size:3.24vw; font-weight:500; color:#53ab4a; margin-left:5px; }
  .forms .submit { margin-top:2.4vw; }
  .forms .submit button { height:8.53vw; line-height:8.53vw; font-size:4.4vw; }
 
  .forms .sign_progress { margin-top:3.2vw; width:100%; height:5px; background:#b8b8b8; }
  .forms .sign_progress_active { height:5px; background:#53ab4a; }
  .forms .sign_status { position:relative; margin-top:4vw; }
  .forms .sign_status .sign_status_active { position:relative; margin-left:-11vw; top:0; width:22vw; height:5.86vw; line-height:5.86vw; border-radius:5px; background:#53ab4a; font-family:'NotoKr'; font-size:2.68vw; font-weight:500; color:#fff; text-align:center; box-sizing:border-box; }
  .forms .sign_status .sign_status_active:after { content:''; position:absolute; top:-2.7vw; left:50%; transform:translateX(-50%); width: 0px; height: 0px; border-left: 2.8vw solid transparent; border-right: 2.8vw solid transparent; border-bottom: 2.8vw solid #53ab4a; }
 
  .section04 { position:relative; padding:22.13vw 0% 0 8.26vw; }
  .section04 .title { line-height:7.15vw; font-family: 'Gmarket Sans'; font-size:5.30vw; font-weight:500; color:#211817; }
  .section04 .title span { font-weight:700; color:#53ab4a; }
  .section04 .youtube { margin-top:6.53vw; width:84.53vw; height:51.06vw; }
  .section04 .youtube iframe { border:5px solid #a9d49b; border-radius:10px; box-sizing:border-box; }
  .section04 .stitle { margin-top:8.26vw; font-family: 'Gmarket Sans'; font-size:3.21vw; font-weight:500; color:#211817; }
  .section04 .stitle span { font-weight:700; }
  .section04 .slist { width:auto; margin-top:6.66vw; display:flex; flex-wrap:wrap; }
  .section04 .slist .sdetail { position:relative; margin:1vw 0 0 1vw; width:41.86vw; height:41.86vw; cursor:pointer; }
  .section04 .slist .sdetail:nth-child(1) { margin-left:0; }
  .section04 .slist .sdetail:nth-child(3) { margin-left:0; }
  .section04 .slist .sdetail:nth-child(4) { margin-left:1vw; }
  .section04 .slist .sdetail:nth-child(5) { margin-left:0; }
  .section04 .slist .sdetail:nth-child(7) { margin-left:0; }
  .section04 .slist .sdetail:nth-child(9) { margin-left:0; }
  .section04 .slist .sdetail:nth-child(10) { margin-left:1vw; }
  .section04 .slist .sdetail:nth-child(11) { margin-left:0; }
  .section04 .slist .sdetail img { width:100%; height:100%; }
  .section04 .slist .sdetail .icon { display:none; position:absolute; top:-8vw; left:50%; width:10.13vw; height:12.93vw; transform:translateX(-50%); animation:icontopdown 0.5s linear 0s infinite alternate; }
  .section04 .slist .sdetail .hover { display:none; position:absolute; top:0; left:0;}
  @keyframes icontopdown {
   to {
    top:-7vw;
   }
  }
 
  .section04_pop_wrap { top:inherit; left:inherit; width:90%; height:auto; max-height:90vh; margin:5%; margin-top: 12%; transform:none; display: block;}
  .section04_pop_wrap .section04_pop_left { width:90vw; height:90vw; border-top-left-radius:15px; border-bottom-left-radius:15px; border-bottom-left-radius:0; }
  .section04_pop_wrap .section04_pop_left .section04_pop_left_auto img { width:100%; border-top-left-radius:14px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-right-radius:14px; }
  /* .section04_pop_wrap .section04_pop_close { top:-25px; right:10px; } */
  .section04_pop_close{position:absolute; top: 10px; right: 20px;}
  .section04_pop_wrap .section04_pop_close { top:-35px; right:10px; z-index: auto !important; }
  /* .section04_pop_wrap .section04_pop_close img { width:5vw; height:5vw; } */
  .section04_pop_wrap .section04_pop_close img { width:5vw; height:5vw; z-index: 10; }
  /* .section04_pop_wrap .section04_pop_right { width: 100%; height: calc(90vh - 90vw); background:#fff; border-top-right-radius:0; border-bottom-left-radius:15px; border-bottom-right-radius:15px; } */
  .section04_pop_wrap .section04_pop_right { width: 90vw; height: calc(90vh - 90vw); background:#fff; border-top-right-radius:0; border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
  .section04_pop_wrap .section04_pop_right .section04_pop_txt1 { margin:14vw 0 0 9.3vw; font-size:5.7vw; }
  .section04_pop_wrap .section04_pop_right .section04_pop_txt2 { margin:1.3vw 0 0 9.3vw; font-size:6.9vw; }
  .section04_pop_wrap .section04_pop_right .section04_pop_msg { margin:8vw 8vw 8vw 9.3vw; font-size:3.2vw; }
 
  .section05 { position:relative; padding:22.93vw 0% 0 0;}
  .section05 .title { margin-left:8.26vw; line-height:7.15vw; font-family: 'Gmarket Sans'; font-size:5.30vw; font-weight:500; color:#211817; }
  .section05 .title span { font-weight:700; color:#53ab4a; }
  .section05 .desc { margin-left:8.26vw; margin-top:3vw; line-height:4.77vw; font-family: 'NotoKr'; font-size:2.76vw; font-weight:500; color:#8a8a8a; }
  .section05 .bg1 { margin-top:7.33vw; width:100vw; height:85.86vw; background-image:url('https://www.greenpeace.org/static/planet4-korea-stateless/2022/04/ffec3382-d4_visual.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
  .section05 .bg2 { display:none; }
  .section05 .bg3 { display:none; }
 
  .section06 { position:relative; padding:10.66vw 0 22vw 0; background-color:#53ab4a; text-align:center; line-height:4.75vw; font-family: 'NotoKr'; font-size:2.47vw; font-weight:300; color:#ffffff; }
  .section06 span { display:block; }
 
  .floating { display:block; width: 100%; line-height:0; position:fixed; bottom:0; left:0; z-index:3; }
  .floating img { width:100%; }
 
  .complete { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:4; }
  .complete .complete_wrap { position:absolute; top:50%; left:50%; width:58.66vw; transform:translate(-50%, -50%); padding:6.66vw 5.33vw 6.66vw 5.33vw; text-align:center; background-color:#ffffff; border-radius:10px; box-shadow: 0px 0px 5px 0px #a7a7a7;  }
  .complete .complete_wrap .close { position:absolute; top:3.3vw; right:3.3vw; width:3vw; height:3vw; cursor:pointer;}
  .complete .complete_wrap .close img { width:100%; height:100%; }
  .complete .complete_wrap .visual { width:36.26vw; height:34.13vw; margin:0 auto; }
  .complete .complete_wrap .visual img { width:100%; height:100%; }
  .complete .complete_wrap .title { margin-top:5vw; line-height:4.73vw; font-family: 'Gmarket Sans'; font-size:4.5vw; font-weight:700; color:#53ab4a; }
  .complete .complete_wrap .desc { margin-top:5vw; line-height:5.5vw; font-family: 'NotoKr'; font-size:4vw; font-weight:300; color:#211817; }
  .complete .complete_wrap .desc span { font-weight:500; }
  .complete .complete_wrap .btn { display:block; margin-top:5vw; width:100%; height:7.5vw; text-align:center; border-radius:1vw; line-height:7.8vw; font-family: 'Gmarket Sans'; font-size:4vw; font-weight:700; background-color:#53ab4a; color:#ffffff; text-decoration:none; }
 }
 
 @media (max-width: 280px) {
  .section03 .slist { margin-top:4vw; width:83.06vw; height:auto; background-image:none; background-color:#43923a; }
  .section03 .slist ul { padding:1.6vw 3.73vw 3.8vw 3.73vw; }
  .section03 .slist ul li { margin-top:2.9vw; list-style:none; display:flex; align-items:center; }
  .section03 .slist ul li .num { flex-shrink: 0; width: 5vw; height:5vw; line-height:5vw; margin-top: 0.4vw; text-align:center; border-radius:50%; font-family: 'NotoKr'; font-size:1vw; font-weight:700; color:#53ab4a; background-color:#ffffff; }
  .section03 .slist ul li .txt { margin-left:5px; border-radius:50%; font-family: 'NotoKr'; font-size:2.54vw; font-weight:700; color:#ffffff; }
 
 }
 @media (min-width: 1921px) {
  .section01 .this_logo { top:132px; left:391px; width:140px; height:60px; }
  .section01 .greenpeace_logo { top:132px; left:1452px;  width:143px; height:23px; }
  .section01 .title { width:308px; height:227px; top:407px; left:388px; }
  
  .section01 .section01_title { top:791px; left:388px; font-size:46px; }
  .section01 .section01_desc { top:885px; left:388px; line-height:36px; font-size:22px; }
  
  .section02 { padding:92px 0% 111px 388px; }
  .section02 .title { line-height:46px; font-size:35px; }
  .section02 .desc { margin-top:21px; line-height:35px; font-size:22px; }
  .section02 .banner { margin-top:47px; }
  .section02 .banner .banner_img { margin-top:14px; width:621px; height:184px; }
  
  .section03 { padding:92px 0% 207px 388px; }
  .section03 .title { line-height:46px; font-size:35px; }
  .section03 .desc { margin-top:21px; line-height:35px; font-size:22px; }
  .section03 .stitle { margin-top:45px; width:301px; height:37px; }
  .section03 .slist { margin-top:30px; width:623px; height:195px; }
  .section03 .slist ul { padding:14px 0 0 26px; }
  .section03 .slist ul li { margin-top:20px; }
  .section03 .slist ul li .num { width:20px; height:20px; font-size:14px; margin-bottom:1px; }
  .section03 .slist ul li .txt { margin-left:5px; font-size:19px; }
  .section03 .sdesc { margin-top:42px; line-height:38px; font-size:22px; }
  .section03 .bg1 { height:182px; }
  .section03 .bg2 { height:299px; background-position:417px 0; }
  
  .section04 { padding:80px 0% 0 388px; }
  .section04 .title { line-height:46px; font-size:35px; }
  .section04 .youtube { margin-top:53px; width:646px; height:390px; }
  .section04 .stitle { margin-top:47px; font-size:22px; }
  .section04 .slist { width:617px; margin-top:29px; }
  .section04 .slist .sdetail { margin:19px 0 0 19px; width:193px; height:193px; }
  .section04 .slist .sdetail .icon { top:-50px; width:51px; height:66px; }
  @keyframes icontopdown {
   to {
    top:-40px;
   }
  }
  
  .section05 { padding:130px 0% 0 0;}
  .section05 .title { margin-left:388px; line-height:46px; font-size:35px; }
  .section05 .desc { margin-left:388px; margin-top:21px; line-height:35px; font-size:22px; }
  .section05 .bg1 { margin-top:115px; width:1259px; height:347px; }
  .section05 .bg2 { margin-top:188px; height:173px; }
  .section05 .bg3 { left:298px; width:777px; height:738px; }
  
  .section06 { padding:75px 0 200px 0; font-size:14px; }
  
  .forms { top:407px; left:1157px; width:437px; padding:60px 50px; }
  .forms .title { margin-bottom:15px; line-height:38px; font-size:28px; }
  .forms .input_wrap label { top:30px; left:10px; font-size:10px; }
  .forms input[type='text'] { margin-top:10px; width:100%; height:40px; font-size:15px; }
  .forms .agree { margin-top:10px; } 
  .forms .agree .checkbox_rwap { margin-top:10px; }
  .forms .agree .checkbox_rwap input { width:13px; height:13px; }
  .forms .agree .checkbox_rwap label { font-size:13px; }
  .forms .agree .checkbox_rwap a { font-size:13px; }
  .forms .submit { margin-top:10px; }
  .forms .submit button { width:100%; height:40px; font-size:23px; }
  
  .forms .sign_progress { margin-top:4px; width:100%; }
  .forms .sign_status { margin-top:20px; }
  .forms .sign_status .sign_status_active { margin-left:-58px; top:0; width:116px; height:32px; line-height:32px; font-size:14px; }
  .forms .sign_status .sign_status_active:after { top:-15px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #53ab4a; }
  
  .complete .complete_wrap { width:437px; top:50%; transform:translateY(-50%); left:1142px; padding:80px 40px; }
  .complete .complete_wrap .close { top:25px; right:25px; width:23px; height:23px; }
  .complete .complete_wrap .visual { width:272px; height:256px; }
  .complete .complete_wrap .title { margin-top:25px; line-height:35px; font-size:25px; }
  .complete .complete_wrap .desc { margin-top:25px; line-height:22px; font-size:14px; }
  .complete .complete_wrap .desc .desc_br { display:block; }
  .complete .complete_wrap .btn { margin-top:25px; width:100%; height:48px; border-radius:10px; line-height:48px; font-size:26px; }
 }
 
 /* Added by Emily */
  #page-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10001;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  opacity: 1;
  transition: opacity 1s;
  }
  
  #page-loading.hide {
  opacity: 0;
  transition: opacity 1s;
  }
  
  #page-loading .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  }
  
  #page-loading .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #6c0;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  
  #page-loading .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
  }
  
  #page-loading .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
  }
  
  #page-loading .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
  }
  
  #page-loading .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
  }
  
  @keyframes lds-ellipsis1 {
  0% {
  transform: scale(0);
  }
  
  100% {
  transform: scale(1);
  }
  }
  
  @keyframes lds-ellipsis3 {
  0% {
  transform: scale(1);
  }
  
  100% {
  transform: scale(0);
  }
  }
  
  @keyframes lds-ellipsis2 {
  0% {
  transform: translate(0, 0);
  }
  
  100% {
  transform: translate(24px, 0);
  }
  }