/* 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: 28.4%;
    height: 56.25%;
}

.link-flex div {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #c5ca71;
}

.link-flex div a {
    display: block;
}

h2 {
    margin-bottom: 120px;
}



/*--- 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;
}
.item-wrap { padding: 0 5%; }

.proSection .product_wrap_section .list {
    font-size: 0;
    display: flex; 
    flex-wrap: wrap; 
    flex-direction: row; 
    justify-content: start;
    align-items: start;
    gap: 1%;
}
.normal_item { margin-right: 0; }
/* BASIC css end */