.popup{

    background-color: #ffffff;

    width: 400px;

    padding: 5px 40px;

    position: absolute;

    transform: translate(-50%,-50%);

    left: 50%;

    top: 60%;

    border-radius: 8px;

    font-family: "Poppins",sans-serif;

    display: none;

    text-align: center;

	z-index:30;

	height:600px;

}





@media only screen and (max-width: 756px) {

.popup {

    width`:100px;

  }

}	



.popup button{

    display: block;

    margin:  0 0 0px auto;

    background-color: transparent;

    font-size: 20px;

    color: #c5c5c5;

    border: none;

    outline: none;

    cursor: pointer;

}

.popup p{

    font-size: 14px;

    text-align: justify;

    margin: 20px 0;

    line-height: 25px;

}







div.elem-group {

  margin: 10px 0;

  color:#ff9d34;

}



div.elem-group.inlined {

  width: 49%;

  display: inline-block;

  float: left;

  margin-left: 1%;

}



label {

  display: block;

  font-family: 'Nanum Gothic';

  padding-bottom:2px;

  font-size: 1.25em;

}



input, select, textarea {

  border-radius: 2px;

  border: 2px solid #777;

  box-sizing: border-box;

  font-size: 1.25em;

  font-family: 'Nanum Gothic';

  width: 100%;

  padding: 10px;

}



div.elem-group.inlined input {

  width: 100%;

  display: inline-block;

}



textarea {

  height: 250px;

}



hr {

  border: 1px dotted #ccc;

}



button {

  height: 40px;

  background: orange;

 

  color: white;

  font-size: 1em;

  font-family: 'Nanum Gothic';

 

  cursor: pointer;

}