/* BASIC css start */
/* 회사소개 */
.compuny_html { margin-top: 0; width:100%; min-width:1400px; overflow:hidden; }
.compuny_html .cpyImg { margin-left:-960px; position:relative; left:50%; width:1920px; }
.compuny_html .map { margin-left:-960px; position:relative; left:50%; width:1920px; background-color:#f2f2f2; padding-bottom: 150px; }
.compuny_html .mapimg { max-width:1680px; max-height: 780px; margin: 0; }

/* fade */
.cpyImg01 * {
  -webkit-animation: fadein 4s;
  -moz-animation: fadein 4s;
  animation: fadein 4s;
}
@-webkit-keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}
@-moz-keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}
@keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}
.cpyImg02 * {
  -webkit-animation: fadein 8s;
  -moz-animation: fadein 8s;
  animation: fadein 8s;
}
@-webkit-keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}
@-moz-keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}
@keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}


/* fade */
.map * {
  -webkit-animation: fadein 12s;
  -moz-animation: fadein 12s;
  animation: fadein 12s;
}
@-webkit-keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}
@-moz-keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}
@keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}


/* BASIC css end */