input:focus {outline:none;}
 .form_txt {float:left; width:48%; text-align:left; height:600px;  padding-right:40px; border-right:1px dashed #eee; position:relative;}
 .form_txt2 {padding-right:0; padding-left:40px; border:none;}
 .form_txt h3 {font-size:2.5em; font-family: 'GmarketSansMedium'; color:#5ac2d3;}
 .form_txt h4 {margin-top:20px; color:#bbb; font-size:1.1em; font-family: 'GmarketSansMedium'; line-height:1.5em; font-weight:400;}
 .form_txt p {margin-top:16px; color:#111; font-size:1em; font-family: 'GmarketSansMedium';}
 .form_txt input {width:100%; height:35px; border:1px solid #ddd; border-radius:5px; color:#444; margin-top:5px; font-family: 'GmarketSansMedium'; padding:0px 5px;}
 .form_txt input::placeholder {
    color: #bbb;
  }
   .form_txt #content::placeholder {
    color: #bbb;
  }
 .form_txt #content {width:100%; height:150px; border:1px solid #ddd; border-radius:5px; color:#444; font-family: 'GmarketSansMedium'; margin-top:5px; padding:5px;}
 .form_txt .form_submit {height:45px; line-height:45px; margin-top:16px; display:inline-block; color:#fff; text-align:center;box-shadow: 0px 1px 5px rgba(0,0,0,.2); font-family: 'GmarketSansMedium'; background: linear-gradient( to right, #83deed, #5ac2d3 ); border:none; border-radius:5px; width:50%;}
 .form_cont {float:left; width:52%; padding-left:40px; }
 .form_cont img {margin-top:50px; margin-bottom:40px; margin-left:20px;}
 .form_cont p {margin-top:15px; color:#999; line-height:1.6em; font-size:1.1em; text-align:left; font-family: 'GmarketSansMedium'; }
 .form_cont p i {margin-right:5px; color:#5ac2d3;}
 .form_cont .ad {padding-left:17px; }
 .form_cont .ad i {display:inline-block; margin-left:-17px;}
 .form_txt #answer{width:100%; height:300px; border:1px solid #ddd; border-radius:5px; color:#444; font-family: 'GmarketSansMedium'; margin-top:5px; padding:5px;}
  .mocean-modal-wrap {
  position: fixed;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height:650px;
  max-width:900px;
  width:100%;
  margin: auto;
  background:#fff;
  border-radius: 20px;
  box-shadow: 0 25px 40px -20px rgba(0,0,0,.5);
  padding:45px 0 45px 45px;
  left:0;
  right:0;
  top:0;
  bottom:0;
}

.mocean-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  transition-duration: 300ms;
  background: rgba(0,0,0,.2);
}

.mocean-show.mocean-modal-wrap {
  visibility: visible;
}
.mocean-show.mocean-modal-wrap ~ .mocean-modal-overlay {
  visibility: visible;
  opacity: 1;
}

.mocean-modal {
  transition-property: all;
  transition-duration: 1ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
          animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
}
.pulse .mocean-content {
  opacity: 0;
}

.mocean-show.pulse .mocean-content {
  opacity: 1;
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}


.mocean-perspective {
  perspective: 600px;
}

.mocean-show {
  visibility: visible;
}
.mocean-modal-close {position: absolute; top:25px; right:30px; background:none; border:none;  font-size:1.3em; color:#777;}

  @media screen and (max-width:992px ){
    .form_cont {display:none;}
    .form_txt {width:100%;padding:0; border:none;}
    .mocean-modal-wrap {max-width:600px; padding:45px;}
  }
  @media screen and (max-width:600px ){
    .mocean-modal-wrap {width:90%; height:550px; padding:40px 30px;}
    .form_txt h4 {font-size:.9em;}
    .form_txt p {margin-top:10px;}
    .form_txt #content {height:85px;}
    .form_txt #answer{height:100px;}
  }