/* BASIC css start */
/*--- reset ---*/
img:focus {
    outline:0;
}
#contentWrap {
    width:100% !important;
}


/*--- stylelog ---*/
.stylelog {
    width:100%;
    min-width:1330px;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
}
.stylelog img {
    vertical-align:top;
    width:100%;
    border:0;
    display:block;
}
.stylelog img:focus,.slick-slide img:focus {
    outline:none !important;
}
.stylelog a {
    display:block;
}

/*--- section ---*/
.stylelog .section {
    width:100%;
    position:relative;
}
.stylelog .section .imglist {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 3;
}
.stylelog .section .imglist02 {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index: 3;
}


/* 영상 관련 */
.subvid {
    position: absolute;
    width: 21%;
    height: 12.5%;
}



/*--- animation ---*/

@-webkit-keyframes blurOn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }


  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes blurOn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

.blurOn {
  -webkit-animation-name: blurOn;
  animation-name: blurOn;
}


/* BASIC css end */