/* 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;background:#fffdf8;}
.stylelog img{vertical-align:top;width:100%;/*min-width:1330px;max-width:1920px;*/border:0;display:block}
.stylelog img:focus{outline:none !important;}
.stylelog .rel{position: relative;}
.stylelog .abs{position: absolute;z-index:2}


.stylelog a.prdLink{display:block;width: 10%;height: 5%;height:;position:absolute;}
.stylelog a.prdLink01{top: 61%;left: 47%;z-index:3;}
.stylelog a.prdLink02{top: 77%;left: 55%;z-index:3;}
.stylelog a.prdLink03{bottom: 8%;right:8%;z-index:3;}
.stylelog a.prdLink04{bottom:22%;left:56%;z-index:3;}

.stylelog a.cateLink{width:100%;display:block;vertical-align:top;}

.stylelog .imglist{position:absolute;top:0;left:0;z-index: 3}


.stylelog .sect{position:relative;width:100%;}
                    
.wipewipe{background:#fffdf8;width:100%;height:100%;}
.abs_dv,.abs{position:absolute}
.ev_title_1abs {position: absolute;top: 0;left: 0;width: 100%;z-index: 8;}
.repimg{width:calc(552/1920*100%);top:7.5%;left:5%;position:absolute;z-index:3;}
              
.gifimg{top:0;
    left:0;    
    height:100%;
    padding-bottom:calc(880/1920*100%);
    z-index: 1;
    background-size:cover !important;
}
       
.gifimg01{    
    background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/bodytypedress/bodytypedress_03_01.jpg) no-repeat center center;
}
.gifimg02{    
    background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/bodytypedress/bodytypedress_05_01.jpg) no-repeat center center;
}
.gifimg03{    
    background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/bodytypedress/bodytypedress_07_01.jpg) no-repeat center center;
}
.gifimg04{    
    background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/bodytypedress/bodytypedress_09_01.jpg) no-repeat center center;
}


/*--- animation ---*/         
@-webkit-keyframes blurFadeInOut {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.5); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1);filter: blur(0px);-webkit-filter: blur(0px);}
}
@keyframes blurFadeInOut {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.5); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1); filter: blur(0px);-webkit-filter: blur(0px);}
}
.blurFadeInOut {
  -webkit-animation-name:blurFadeInOut;
  animation-name: blurFadeInOut;
}


@-webkit-keyframes blurFadeInOut2 {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.1); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1);filter: blur(0px);-webkit-filter: blur(0px);}
}
@keyframes blurFadeInOut2 {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.1); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1); filter: blur(0px);-webkit-filter: blur(0px);}
}
.blurFadeInOut2 {
  -webkit-animation-name:blurFadeInOut2;
  animation-name: blurFadeInOut2;
}

@-webkit-keyframes hideshowbin02 {
  0% {width:0px; }
  100% {width:100%;}
}

@keyframes hideshowbin02 {
  0% {width:0px; }
  100% {width:100%;}
}
.hideshowbin02 {
  -webkit-animation-name: hideshowbin02;
  animation-name: hideshowbin02;
}
                    
                    
    @keyframes left-wc-anim {
          0% {left: 0;width: 100%;}
          100% {left: 0;width: 0%;}
    }
    .left-wc-anim {-webkit-animation-name: left-wc-anim;-moz-animation-name: left-wc-anim;-o-animation-name: left-wc-anim;animation-name: left-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;}

    @keyframes right-wc-anim {
          0% {right: 0;width: 100%;}
          100% {right: 0;width: 0%;}
    }
    .right-wc-anim {-webkit-animation-name: right-wc-anim;-moz-animation-name: right-wc-anim;-o-animation-name: right-wc-anim;animation-name: right-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;}

    @keyframes down-wc-anim{
        0%{height:100%;bottom:0}
        100%{height:0;bottom:0}
    }

    .down-wc-anim{-webkit-animation-name:down-wc-anim;-moz-animation-name:down-wc-anim;-o-animation-name:down-wc-anim;animation-name:down-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s}
    
    @keyframes up-wc-anim{
        0%{height:100%;top:0}
        100%{height:0;top:0}
    }
    .up-wc-anim{-webkit-animation-name:up-wc-anim;-moz-animation-name:up-wc-anim;-o-animation-name:up-wc-anim;animation-name:up-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s}
    




/* BASIC css end */