input:focus {outline:none;}
 .form_txt {float:left; width:48%; text-align:left; height:600px;  padding-right:40px; border-right:1px dashed #eee;}
 .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 textarea::placeholder {
    color: #bbb;
  }
 .form_txt textarea {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;}

.mocean-modal-wrap {
  position: fixed;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height:650px;
  max-width:1000px;
  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;}



.form_txt2 {float:left; width:48%; text-align:left; height:600px;  padding-right:40px; border-right:1px dashed #eee;}
 .form_txt2 h3  {font-size:2.5em; font-family: 'GmarketSansMedium'; color:#5ac2d3; margin-top: 0px;}
 .form_txt2 h4 {margin-top:20px; color:#bbb; font-size:1.1em; font-family: 'GmarketSansMedium'; line-height:1.5em; font-weight:400;}
 .form_txt2 p {margin-top:25px; color:#111; font-size:1em; font-family: 'GmarketSansMedium';}
 .form_txt2 input {width:100%; height:35px; border:1px solid #ddd; border-radius:5px; color:#444; margin-top:5px; font-family: 'GmarketSansMedium'; padding:0px 5px;}
 .form_txt2 input::placeholder {
    color: #bbb;
  }
  .form_txt2 .ad_txt {width: 80px;}
  .form_txt2 .ad_bt {width:auto; height:35px; background: #5bc3d4; border-radius:5px; color:#fff; margin-top:5px; font-family: 'GmarketSansMedium'; padding:0px 15px; border: none; margin-left: 3px;}
   .form_txt2 textarea::placeholder {
    color: #bbb;
  }
 .form_txt2 textarea {width:100%; height:150px; border:1px solid #ddd; border-radius:5px; color:#444; font-family: 'GmarketSansMedium'; margin-top:5px; padding:5px;}
 .form_txt2 .form_submit {height:45px; line-height:45px; margin-top:35px; 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%;}
 .line {width:45px; height:3px; background:#5ac2d3; position: relative; margin-bottom:30px; margin-top: 20px;}
 .line:after {content:''; width:45px; height:3px; background:#ccc; position: absolute; left:48px;}
 .mocean-modal-wrap2 {
  position: fixed;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height:750px;
  max-width:1100px;
  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;
  overflow-y: scroll;
}
.form_cont2 {float:left; width:52%; padding-left:40px; padding-right:40px; }
 .form_cont2 img {margin-top:10px; margin-bottom:40px; margin-left:20px;}
 .form_cont2 p {margin-top:0px; color:#999; line-height:1.6em; font-size:1.1em; text-align:left; font-family: 'GmarketSansMedium'; }
 .form_cont2 p i {margin-right:5px; color:#5ac2d3;}
 .form_cont2 .ad {padding-left:17px; }
 .form_cont2 .ad i {display:inline-block; margin-left:-17px;}
 .form_cont2 h3 {font-size:2.5em; font-family: 'GmarketSansMedium'; color:#5ac2d3; margin-top: 0px;}
 .form_cont2 p {margin-top:15px; color:#111; font-size:1em; font-family: 'GmarketSansMedium';}
 .form_cont2 input {width:100%; height:35px; border:1px solid #ddd; border-radius:5px; color:#444; margin-top:5px; font-family: 'GmarketSansMedium'; padding:0px 5px;}
 .form_cont2 input::placeholder {
    color: #bbb;
  }
  .form_cont2 input[type="radio"] {width: 16px; height: 16px; margin-top:-10px; }
  .form_cont2 label {position: relative; top: 0px; font-size: 1.2em; font-family: 'GmarketSansMedium'; coloR: #555; left: 3px;display: inline-block; margin-right: 10px; }
  .grid2 {width:100%; position: relative;}
        .grid2:before {
                content: "";
                display: block;
                padding-top: 100%; /* 1:1 비율 */
            }
        .grid2 .grid_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
 		.grid2 .grid_box img {width: 100%;}
        .grid2 .grid_box1 {width:100%; height:2%;}
        .grid2 .grid_box2 {width:100%; height:22.5%;}

        .grid2 .grid_box1:after {content:''; clear:both; display:table;}
        .grid2 .grid_box1 .grid_1_1 {float:left; width:2%; height:100%;}
        .grid2 .grid_box1 .grid_1_2 {float:left; width:22.5%; height:100%;}

        .grid2 .grid_box2:after {content:''; clear:both; display:table;}
        .grid2 .grid_box2 .grid_2_1 {float:left; width:2%; height:100%;}
        .grid2 .grid_box2 .grid_2_2 {float:left; width:22.5%; height:100%;}

  @media screen and (max-width:992px ){
    .form_cont {display: none;}
    .form_txt {width:100%;padding:0; border:none;}
    .form_txt2 {width:100%;padding:0; border:none;}
    .form_cont2 {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 textarea {height:85px;}

    .form_txt2 h4 {font-size:.9em;}
    .form_txt2 p {margin-top:10px;}
    .form_txt2 textarea {height:85px;}
  }