/* BASIC css start */
/* 회사소개 */
.compuny_html  { position: relative; width: 100%; }
.compuny_html .cpyImg { display: block; width: 100%; }
.compuny_html .map { display: block; width: 100%;  background-color:#f2f2f2;}
.compuny_html .mapimg { display: block; width: 100%; padding-bottom: 40px; }

/* 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 */