/* BASIC css start */
#contentWrap{width:100% !important;}

.stylelog{width:100%;min-width:1330px;margin:0 auto;text-align:center;overflow:hidden;}
.stylelog img{vertical-align:top;width:100%;/*min-width:1330px;max-width:1920px;*/border:0;display:block}
.stylelog img:focus{outline:none !important;}
.stylelog .staff{clear:both;width:1330px;margin:220px auto 100px;}        
.stylelog .cateLink{clear:both;width:600px;margin:100px auto 50px;text-align:center;display:block;}        
.stylelog .cateLink img{width:600px;}
    
.stylelog .tit_wrapper{position:relative;width:100%;padding-bottom:56%;}
.stylelog .tit_wrapper .tit_bg{position:absolute;top:0;left:0;z-index: 1;}
.stylelog .tit_wrapper .tit_txt{position:absolute;width:840px;height:272px;background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/date/date_tit_txtbg.png) no-repeat center center; top:33%;left:50%;margin-left:-420px;z-index:2;}

.stylelog .videoBG{width:100%;max-width:1920px;height:1080px;margin:0 auto;background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/date/date_vd_bg.jpg) no-repeat top center;}
    
.stylelog .rel{position:relative;}
.stylelog .abs{position:absolute;}
.stylelog img.auto{width:1330px !important;margin:0 auto;}
.stylelog .products{width:100%;min-width:1330px;margin:150px auto 0;background-color:#7893a2;}
.stylelog .mgtop{margin-top:150px !important;}
.stylelog .mgtop2{margin-top:80px !important;}
.stylelog .mgbtm{margin-bottom:150px}
.stylelog .nomg{margin:0px !important;}

.stylelog .sec01,.stylelog .sec02{width:100%;position:relative;}
.stylelog .sec01 .img01{position:absolute;top:0;left:0;}
.stylelog .sec01 .img02{position:absolute;top:0;left:50%;margin-left:-665px;}
    
    
.stylelog .sec03{width:1330px;margin:0 auto;position:relative;}
.stylelog .sec03 .img03{position:absolute;top:150px;left:140px;width:425px;}
    
.stylelog .sec02_1{width:25%;margin:0 auto;position:absolute;top:0;left:30%;overflow: hidden;padding-bottom: 34%;}
.stylelog .sec02 .img01{position:absolute;top:0;left:0;z-index:2;}
.stylelog .sec02 .img02{position:absolute;top:0;left:0;z-index:1;}

    
/* img fixed */
#wrap{width:100%;height:100%;text-align:center;margin:0 auto;}
#wrapInner{width:100%;}
#bg{position:relative;margin:0 auto;background-image:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/date/date_08.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center center;display:table;background-size:contain; width:100%;padding-bottom:30%;z-index:1;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='arrow-big-right.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='arrow-big-right.png', sizingMethod='scale')";}

@-webkit-keyframes scaleIn {
                  0% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                  }


                  100% {
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1);
                  }
                }

                @keyframes scaleIn {
                  0% {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                  }
                    
                  100% {
                    -webkit-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    transform: scale(1.1);
                  }
                }

                .scaleIn {
                  -webkit-animation-name: scaleIn;
                  animation-name: scaleIn;
                }
                    
                    
                @-webkit-keyframes scaleIn2 {
                  0% {
                    -webkit-transform: scale(0.87);
                    transform: scale(0.87);
                  }


                  100% {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                  }
                }

                @keyframes scaleIn2 {
                  0% {
                    -webkit-transform: scale(0.87);
                    -ms-transform: scale(0.87);
                    transform: scale(0.87);
                  }
                    
                  100% {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                  }
                }

                .scaleIn2 {
                  -webkit-animation-name: scaleIn2;
                  animation-name: scaleIn2;
                }
/* BASIC css end */