@import url(https://cloud.greensk.greenpeace.org/css-ce-ice-notosanskr);
/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), 
            radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898; 
background-blend-mode: multiply,multiply;
/*  background: #99cc00;
  background-image: -moz-linear-gradient(45deg, #99cc00 0%, #4c6002 100%);
  background-image: -webkit-linear-gradient(45deg, #99cc00 0%,#4c6002 100%);
  background-image: linear-gradient(45deg, #99cc00 0%,#4c6002 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#4c6002',GradientType=1 );*/
  z-index: 99;
    text-align: center;

}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../img/preloader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  background-size: 50%;
  padding-top: 65px;
}

#status p{
  animation: blinker 1s linear infinite;
  font-size: 0.6em;
  color: #FFFFFF !important;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/* /Preloader */


h2{ font-family: 'Noto Sans Korean', sans-serif; font-weight: bold; font-style: normal; line-height: 1.1; color: #883027}
.BoxBKG1U h2{color: #bbac81}
p, ul{font-family: 'Noto Sans Korean', sans-serif; font-weight:600; color: #352623}

strong{background-color: rgba(190,170,130,0.4); padding: 0px 2px; color: #FFF;}
strong2{background-color: rgba(255,255,255,0.2); padding: 0px 2px; font-weight:800;}

.intro{text-shadow: 2px 2px 8px #221100; padding-top: 2em;}
.intro p{color: #EEE; font-size: 1.2em; font-weight: 800;  }
.BoxBKG1U p, .BoxBKG1P p{color: #EEE;}

.box1Tit{ font-size: 1.2em; color: #bbac81; font-weight: 800; text-transform: uppercase;}
.Box1img{ padding-right: 10px; padding-bottom: 20px; }

.BoxBKG1U{ 
  background: url(../img/BKGWall.jpg) center top no-repeat #333333;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
  text-shadow: 2px 2px 4px #000000;
}
.BoxBKG1P{ 
  background: url(../img/BKGWood.jpg) #333333;
  padding-top: 60px;
  padding-bottom: 60px;
}
.BoxBKG1U img, .BoxBKG1U img{ max-width:80px;} 

.BoxBKG2{ 
  background: url(../img/BKGTexture.png) #e8865b;
  padding-top: 60px;
  padding-bottom: 60px;
}
.BoxBKG3{ 
  background: url(../img/BKGTexture.png) #8ba98d;
  padding-top: 60px;
}

.footer{padding: 40px 10px 10px 10px !important;}
.footer p{ font-size: 0.7em !important; }
.footer p a{ color: #103747; text-decoration: underline; }

/** FORM **/
.form_title{color: #fff; font-size: 1.5em; line-height: 1.2; font-weight: 700; letter-spacing: -1.2px;}
.form_text{color:#cdc0a1; font-size: 0.8em; line-height: 1.3;}
label[for=all_check] {
    font-weight: 800;
}
.en__field--NOT_TAGGED_4 label, .en__field--emailAddress label, .en__field--phoneNumber label{position:absolute;  margin-left:2%;   color: #103747; font-weight: 600;
 transition: .5s;}
.en__field--privacy-ok > label, .en__field--email-ok > label, .en__field--provide-info-ok > label{display: none;}
.en__field--email-ok, .en__field--provide-info-ok, .en__field--privacy-ok{margin-top:-10px;}

.en__field__label--item{    color: #CADEE1;
    letter-spacing: -1px;}
.petition-form{

    padding: 30px 30px 20px 30px;
  margin-bottom: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #075546;
  background-image: url("../img/bkgForm.png");
  background-image: url("../img/bkgForm.png"), -moz-linear-gradient(45deg, #6c2e3c 0%, #a16663 100%);
  background-image: url("../img/bkgForm.png"), -webkit-linear-gradient(45deg, #6c2e3c 0%,#a16663 100%);
  background-image: url("../img/bkgForm.png"), linear-gradient(45deg, #6c2e3c 0%,#a16663 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c2e3c', endColorstr='#a16663',GradientType=1 );
  background-size: cover, cover;
  -webkit-box-shadow: 5px 5px 23px 0px rgba(50,50,50,0.75);
  -moz-box-shadow: 5px 5px 23px 0px rgba(50,50,50,0.75);
  box-shadow: 5px 5px 23px 0px rgba(50,50,50,0.75);}

.form-caption { font-family: 'Noto Sans Korean', sans-serif; font-weight:600; color: #eaf2f4; line-height: 1.2em; font-size: 1em;}

[type=text], [type=email] { 
  border:none !important; 
  background-color: #eaf2f4;
    font-family: 'Noto Sans Korean', sans-serif;
  font-weight: 800;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #103747;
  padding: .65rem .5rem 0rem .5rem;
}
[type=text]:focus, [type=email]:focus { 
  background-color: #eaf2f4;
}

.privacy-disclaimer{ font-family: 'Noto Sans Korean', sans-serif;
  font-size:0.6em !important; 
  line-height: 0.7rem !important;
  font-weight: 400;
  color:#CADEE1;}
.privacy-disclaimer a{color:#CADEE1; text-decoration:underline;}
.en-form .en-error {
  font-family: 'Noto Sans Korean', sans-serif;
    color: #e3b23c;
  font-size: 0.7em;
    /*margin: -18px 0px 10px 0px;*/
  line-height:0em;
}
.button, .en__submit{
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;}
.button.success, .en__submit {
  color: #103747 !important;
  background: #9b8962;
  background: -moz-linear-gradient(45deg, #9b8962 0%, #cdc0a1 39%);
  background: -webkit-linear-gradient(45deg, #9b8962 0%,#cdc0a1 39%);
  background: linear-gradient(45deg, #9b8962 0%,#cdc0a1 39%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b8962', endColorstr='#cdc0a1',GradientType=1 );
  text-align: center;
  padding:7px 7px;
  border: 1px solid transparent;
  font-weight: 700;
}
.button.success:hover, .button.success:focus, .en__submit:hover, .en__submit:focus { 
  background: #9b8962;
  background: -moz-linear-gradient(45deg, #9b8962 0%, #e8e0cc 39%);
  background: -webkit-linear-gradient(45deg, #9b8962 0%,#e8e0cc 39%);
  background: linear-gradient(45deg, #9b8962 0%,#e8e0cc 39%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b8962', endColorstr='#e8e0cc',GradientType=1 );

}
.progress {
    height: 1.2rem;
    margin-bottom: 1rem;
    border-radius: 3px;
    background-color: #431342;
    font-size: 0.75em;
    font-family: 'Noto Sans Korean', sans-serif;
    font-weight: 800;
    line-height: 1.2rem;
    text-align: right;
    color: #f9f7bd;}
.progress-meter {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: #fc24e3;
  background: -moz-linear-gradient(45deg, #ba1891 0%, #fc24e3 100%);
  background: -webkit-linear-gradient(45deg, #ba1891 0%, #fc24e3 100%);
  background: linear-gradient(45deg, #ba1891 0%, #fc24e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1891', endColorstr='#fc24e3',GradientType=1 );
}
button{
    font-weight: 700;
    font-size: 1.1em;}
.en__field, .en__captcha {
    padding-bottom: 0px !important;
}
.en__component--row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.form_wrapper .en__component--column {
    min-width: auto;
}
.en__component {
    position: relative;
}
.form_wrapper .en__field, .form_wrapper .en__captcha {
    position: relative;
}
.en__field__element--text, .en__field__element--email, .en__field__element--number, .en__field__element--telephone, .en__field__element--textarea, .en__field__element--select, .en__field__element--splitselect, .en__field__element--splittext, .en__field__element--tripletext, .en__field__element--tripleselect, .en__field__element--checkbox, .en__field__element--radio, .en__field__element--password, .en__field__element--calendar {
    width: 100% !important;
}

.en__field__input--text, .en__field__input--email, .en__field__input--number, .en__field__input--telephone, .en__field__input--textarea, .en__field__input--password, .en__field__input--calendar {
    width: 100% !important;
}
.form_wrapper .en__component--column {
    min-width: auto;
}
.en__field--radio .en__field__label, .en__field--checkbox .en__field__label, .en__field--textarea .en__field__label {
    vertical-align: top;
    margin-top: -5px;
}
label[for="all_check"]{margin-top:0px !important;}
.en__submit button{width:100% !important;}
.en__component--column{min-width:140px !important;}
.en__field__error{font-size:0.7em; color:#f1c04d;}
/** --progress bar--**/
.enWidget {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Noto Sans Korean', sans-serif;
    font-size: 24px;
    padding: 0px 0px 15px 0px !important;
 padding-bottom:10px;
}
.enWidget__progress {min-height: 15px !important; border-radius: 8px !important; min-width: 140px !important;}
.enWidget__fill__count--squeezed{visibility: visible !important; font-size: 13px; margin-left: 20px;}
.see_more{color: #a59a7c;
    text-decoration: underline;}
/** -- Social login --**/
#fb-login-btn {
    background-image: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1851/facebook_icon.png?v=1585548352000);
    background-color: #34589d;
    color: #fff;
}
#kakao-login-btn, #fb-login-btn {
    border-radius: 5px;
    padding: 10px 10px 12px 28px;
    width: 140px;
    display: inline-block;
    text-align: right;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 6px 50%;
    margin-bottom: 15px;
}
/**--cook book--**/
#preview{width:400px; 
      height:auto;
         z-index: 9999;
         position:absolute;
         
         background:#333;
         display:none;
         color:#fff;
            }
.cookbook-text{font-size:1.2em; font-weight: 700;}

/** -- FIRMA ORA  -- **/
#firma-ora{
  display: block;
  position: fixed;
  right: 6%;
  bottom: -6rem;
  width: 5.8rem;
  height: 5.8rem;
  padding-top: 2.7rem;
  background: #075546;
  background-image: url("../img/sign-fab.svg");
  background-image: url("../img/sign-fab.svg"), -moz-linear-gradient(45deg, #6c2e3c 0%, #a16663 100%);
  background-image: url("../img/sign-fab.svg"), -webkit-linear-gradient(45deg, #6c2e3c 0%,#a16663 100%);
  background-image: url("../img/sign-fab.svg"), linear-gradient(45deg, #6c2e3c 0%,#a16663 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c2e3c', endColorstr='#a16663',GradientType=1 );
  background-position: 50% 20%, 50% 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: 50px , 100%;
  -webkit-border-radius: 50% 50%;
  -moz-border-radius: 50% 50%;
  border-radius: 50% 50%;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 800;
  color: #eaf2f4;
  line-height: 1.125rem;
  text-align: center;
  text-transform: uppercase;
  transition: bottom 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  z-index: 8; }
#firma-ora.in {bottom: 2rem; }

@media (min-width: 992px){
.en__field--checkbox .en__field__label{font-size:0.9em !important;}
 
.petition-form {
 padding: 30px 30px 20px 30px !important;}
 }
@media (min-width: 768px) {
#firma-ora{ display: none; }
#kakao-login-btn {display: none;
}
.en__field--checkbox .en__field__label{font-size:0.7em;}
 [type='checkbox'] + label, [type='radio'] + label{margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0;}
.petition-form {
 padding: 30px 12px 30px 12px;}
}
@media (min-width: 481px) and (max-width: 767px) {
 
#kakao-login-btn {
    background-image: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1851/kakao_icon.png?v=1585548397000);
    background-color: #ffeb00;
    color: #3c1e1e;
}
 
 #kakao-login-btn, #fb-login-btn{width:148px; }
.imgcaption{position:absolute;
  bottom: 1px; opacity:0.7;
  box-sizing: border-box;
  width: 100%; padding: 3px;
  background: #000;color:#fff;
  font-size: 0.7em;}
 .ic_category{font-size: 0.7em; color: gray; margin-bottom:-7px; text-align: center;} 
 .imgcaption >h3{font-size:0.9em; text-align: center;} 
 .petition-form {
 padding: 30px 30px 20px 30px !important;}
 
}
@media (min-width: 320px) and (max-width: 480px) {
#kakao-login-btn {
    width: 49%;
    float: left;
    font-size: 12px;
    font-weight: 600;
}

 #fb-login-btn{width: 49%;
    float: right;
    font-size: 13px;
    font-weight: 600;}

#kakao-login-btn {
    background-image: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1851/kakao_icon.png?v=1585548397000);
    background-color: #ffeb00;
    color: #3c1e1e;
}

#kakao-login-btn, #fb-login-btn {
    border-radius: 5px;
    padding: 10px 10px 12px 28px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: right;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 6px 50%;
} 
 
.petition-form {
 padding: 30px 30px 20px 30px !important;} 
}
 
 
 




/* ------- THANKS */
.donation-box{
  padding:30px 20px 10px 20px ;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  text-align: center;

  background: #075546;
  background-image: url("../img/bkgForm.png");
  background-image: url("../img/bkgForm.png"), -moz-linear-gradient(45deg, #6c2e3c 0%, #a16663 100%);
  background-image: url("../img/bkgForm.png"), -webkit-linear-gradient(45deg, #6c2e3c 0%,#a16663 100%);
  background-image: url("../img/bkgForm.png"), linear-gradient(45deg, #6c2e3c 0%,#a16663 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c2e3c', endColorstr='#a16663',GradientType=1 );
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.donation-box p { color:#eaf2f4 !important;} 
.social-cta{ color:#8ba98d !important; padding: 0em;}
.fa-stack { line-height: 1.8em;}

/* ------- /THANKS */