@charset "utf-8";

/* ÃʱâÈ­ */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

#wrap {width:100%; text-align:center; overflow:hidden}
#wrap:after {display:block;visibility:hidden;clear:both;content:""}
#wrap .img {position:relative; width:1920px; left:50%; margin-left:-960px; overflow:hidden}
#wrap .img .mov {position:absolute; left:50%; margin-left:-427px; top:297px}

#form {position:absolute; top:237px; width:492px; left:50%; margin-left:-75px}
#form:after {display:block;visibility:hidden;clear:both;content:""}
#form ul {float:left}
#form ul:after {display:block;visibility:hidden;clear:both;content:""}
#form li {display:block; margin-bottom:18px}
#form input {width:285px;border:1px solid #d2d2d2; height:42px; line-height:42px; background:#fff; padding-left:10px}
#form .btn {position:absolute; right:0; top:0}
#form button {border:0;background:none}

.pc {display:block; margin:0 auto;}
.mb {display:none}
.bottom_fix {display:none}
.w_quick_wrap {display:block}
.re_quick_wrap {display:block}

@media screen and (max-width:1000px) {
#wrap .img {width:100%; left:0; margin:0}
#wrap .img img {width:100%; height:auto}

#form {position:relative; top:0; padding:30px 0; width:100%; left:0; margin:0; background:#425FAD}
#form:after {display:block;visibility:hidden;clear:both;content:""}
#form ul {float:none; padding:0 5% 0 5%}
#form li {display:block; margin-bottom:10px}
#form input {width:100%;border:0; height:35px; line-height:35px; background:#fff; padding-left:10px}
#form .btn {position:relative; padding:0 5%; bottom:0; right:0}
#form button {width:100%; height:50px; line-height:50px; font-size:17px; font-weight:bold; border:0;background:#434343; color:#fff; font-weight:bold}
#form h1 {padding:0  15% 30px 15%}


.pc {display:none}
.mb {display:block}
.bottom_fix {display:block}
.w_quick_wrap {display:none}
.re_quick_wrap {display:none}
}


-------------------------------------

.bounce { 
      position: relative;
      /* ÆÄÆø */
      -moz-animation: bounce 1s infinite linear;
      /* Å©·Ò */
      -webkit-animation: bounce 1s infinite linear;
      -o-animation: bounce 1s infinite linear;
      animation: bounce 1s infinite linear;
    }

    /* 
      ¹Ù¿î½ºÀÇ ³ôÀÌ 
      0% ÀÏ ¶§, 0px 
      50%ÀÏ ¶§, -5px 
      70%ÀÏ ¶§, -50px
      100%ÀÏ ¶§, 0px 
      */
    @-webkit-keyframes bounce {
      0% {top: 0;}
      50% {top: -3px;}
      70% {top: -10px;}
      100% {top: 0;}
    }

    @-moz-keyframes bounce {
      0% {top: 0;}
      50% {top: -3px;}
      70% {top: -10px;}
      100% {top: 0;}
    }

    @-o-keyframes bounce {
      0% {top: 0;}
      50% {top: -3px;}
      70% {top: -10px;}
      100% {top: 0;}
    }

    @-ms-keyframes bounce {
      0% {top: 0;}
      50% {top: -3px;}
      70% {top: -10px;}
      100% {top: 0;}
    }

    @keyframes bounce {
      0% {top: 0;}
      50% {top: -3px;}
      70% {top: -10px;}
      100% {top: 0;}
    }
	




.menu-item,
.menu-open-button {
   background: #EEEEEE;
   border-radius: 100%;
   width: 60px;
   height: 60px;
   margin-left: -55px;
   position: absolute;
   color: #FFFFFF;
   text-align: center;
   line-height: 60px;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transition: -webkit-transform ease-out 200ms;
   transition: -webkit-transform ease-out 200ms;
   transition: transform ease-out 200ms;
   transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menu-open {
   display: none;
}

.lines {
   width: 25px;
   height: 3px;
   background: #596778;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -12.5px;
   margin-top: -1.5px;
   -webkit-transition: -webkit-transform 200ms;
   transition: -webkit-transform 200ms;
   transition: transform 200ms;
   transition: transform 200ms, -webkit-transform 200ms;
}

.line-1 {
   -webkit-transform: translate3d(0, -8px, 0);
   transform: translate3d(0, -8px, 0);
}

.line-2 {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.line-3 {
   -webkit-transform: translate3d(0, 8px, 0);
   transform: translate3d(0, 8px, 0);
}

.menu-open:checked + .menu-open-button .line-1 {
   -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
   transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked + .menu-open-button .line-2 {
   -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
   transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked + .menu-open-button .line-3 {
   -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
   transform: translate3d(0, 0, 0) rotate(-45deg);
}



/* .menu-item {
   transition: all 0.1s ease 0s;
} */

.menu-item:hover {
   background: #EEEEEE;
   color: #3290B1;
}

.menu-item:nth-child(3) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-item:nth-child(4) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-item:nth-child(5) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-open-button {
   z-index: 2;
   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
   /*-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
   transform: scale(1.1, 1.1) translate3d(0, 0, 0);*/
   cursor: pointer;
   /*box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);*/
}

.menu-open-button:hover {
   /*-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
   transform: scale(1.2, 1.2) translate3d(0, 0, 0);*/
}

.menu-open:checked + .menu-open-button {
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-duration: 200ms;
   transition-duration: 200ms;
   -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
   transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
   -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
   transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menu-open:checked ~ .menu-item:nth-child(3) {
   transition-duration: 180ms;
   -webkit-transition-duration: 180ms;
   -webkit-transform: translate3d(0.08361px, -55.99997px, 0);
   transform: translate3d(0.08361px, -55.99997px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(4) {
   transition-duration: 280ms;
   -webkit-transition-duration: 280ms;
   -webkit-transform: translate3d(0.08361px, -125.99997px, 0);
   transform: translate3d(0.08361px, -125.99997px, 0);
   
   /*
   -webkit-transform: translate3d(90.9466px, -52.47586px, 0);
   transform: translate3d(90.9466px, -52.47586px, 0);
   */
}