.bg_white {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -sand-transition: background-color 0.2s linear;
  -khtml-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  -sand-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }
  .bg_white.ani0 {
    background-color: #fff; }

.sub_about_wrap .bg_wrap {
  position: fixed;
  top: 0;
  width: 100%;
  height: 610px; }
  @media all and (min-width: 1001px) and (max-width: 1400px) {
    .sub_about_wrap .bg_wrap {
      height: 558px; } }
  @media all and (min-width: 641px) and (max-width: 1000px) {
    .sub_about_wrap .bg_wrap {
      height: 435px; } }
  @media all and (max-width: 640px) {
    .sub_about_wrap .bg_wrap {
      height: 313px; } }

.sub_about_wrap .cont_wrap {
  position: relative;
  top: 610px;
  -webkit-transition: -webkit-transform cubic-bezier(0, 0.93, 0.58, 1) 0.8s;
  -moz-transition: -moz-transform cubic-bezier(0, 0.93, 0.58, 1) 0.8s;
  -ms-transition: -ms-transform cubic-bezier(0, 0.93, 0.58, 1) 0.8s;
  -o-transition: -o-transform cubic-bezier(0, 0.93, 0.58, 1) 0.8s;
  -sand-transition: -sand-transform cubic-bezier(0, 0.93, 0.58, 1) 0.8s;
  -khtml-transition: -khtml-transform cubic-bezier(0, 0.93, 0.58, 1) 0.8s;
  transition: transform cubic-bezier(0, 0.93, 0.58, 1) 0.8s; }
  .sub_about_wrap .cont_wrap.ani0 {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -610, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -610, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -610, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -610, 0, 1);
    -sand-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -610, 0, 1);
    -khtml-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -610, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -610, 0, 1); }
  @media all and (min-width: 1001px) and (max-width: 1400px) {
    .sub_about_wrap .cont_wrap {
      top: 480px; } }
  @media all and (min-width: 641px) and (max-width: 1000px) {
    .sub_about_wrap .cont_wrap {
      top: 357px; } }
  @media all and (max-width: 640px) {
    .sub_about_wrap .cont_wrap {
      top: 235px; } }

/*# sourceMappingURL=event.css.map */