/* BASIC css start */
/* 전체 레이아웃 */
html{background-color:black;}
body{width:100%;height:100%;overflow:hidden;}

/* stylelog */
.stylelog{width:100%;min-width:1330px;max-width:1920px;margin:0 auto;height:100%;overflow:hidden;position:relative;}
.stylelog img{vertical-align:top;}
.stylelog .intro{transition:all 0.5s;width:100%;/*background:url(images/holidayparty_05.jpg) center center fixed no-repeat;*/}
.stylelog .bgvideo{position:fixed;z-index:3;top:0;left:0;width:100%;height:100%;}
.stylelog .cateLink{position:absolute;top:60%;left: 50%;margin-left: -412px;}

.stylelog .rel{position:relative}
.stylelog .abs{position:absolute}
.stylelog .mgbtm{margin-bottom:150px}
.stylelog .clr{clear:both}
.stylelog .tit,.stylelog .tit02{z-index:2;top:380px;left:25%;width:53.66%;max-width:1030px;}
/*.stylelog .tit{transform:scale(5);opacity:0;}*/
.stylelog #window{z-index:1;}
.stylelog .video_wrapper{width:41.67%;max-width: 800px;text-align:center;}

@media (min-width:1900px) {
    .video_wrapper{margin:55px auto 0;}
}
@media (min-width:1700px) and (max-width:1899px) {
    .video_wrapper{margin:4% auto 0;}    
}
@media (min-width:1550px) and (max-width:1699px) {
    .video_wrapper{margin:6% auto 0;}    
}
@media (min-width:1400px) and (max-width:1549px) {
    .video_wrapper{margin:8% auto 0;}    
}
@media screen and (max-width:1399px) {
    .video_wrapper{margin:10% auto 0;}    
}

.stylelog #section0.on{background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2019/holidayparty/holidayparty_01.jpg) no-repeat center;background-size:cover;}
.stylelog .tit.on{transform:scale(1);opacity:1}

/* image */
.stylelog .hpimg01{width:32%;max-width:612px;height:auto;max-height:751px;top:18%;margin-top:-2%;left:50%;margin-left:-32%;overflow:hidden;}
.stylelog .half{width:50%;float:left;}
.stylelog .prd_wrapper{width:50%;float:left;}
.stylelog .prd_wrapper a,.stylelog .prd_wrapper img{display:block;float:left;}

/* button */
.stylelog .goToCont{position:fixed;bottom:15%;left:50%;margin-left:-75px;z-index:100;}
.stylelog .button{float:left;min-width:150px;max-width:250px;display:block;margin:1em;padding:1em 2em;border:0;background:0 0;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;font-family:Lato;}
.stylelog .button:focus{outline:0}
.stylelog .button--round-s{border-radius:5px}
.stylelog .button.button--wapasha{background:#000000;color:#fff;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}
.stylelog .button--wapasha.button--inverted{background:#fff;color:#37474f}
.stylelog .button--wapasha::before{content:'';position:absolute;top:0;left:0;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #fff;z-index:-1;border-radius:4px;opacity:0;-webkit-transform:scale3d(.6,.6,1);transform:scale3d(.6,.6,1);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.stylelog .button--wapasha.button--inverted::before{border-color:#7986cb}
.stylelog .button--wapasha:hover{color:#fff;background-color:#ad253a}
.stylelog .button--wapasha.button--inverted:hover{background-color:#37474f;color:#7986cb}
.stylelog .button--wapasha:hover::before{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}

/* full page */
#fullpage{position:absolute;z-index:1;top:0;left:0;}
html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*추가*/overflow:hidden;}
.fp-slide{float:left}
.fp-slide,.fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:top;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative}
.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable{overflow:hidden;position:relative}
.fp-scroller{overflow:hidden}
.iScrollIndicator{border:0!important}
.fp-notransition{-webkit-transition:none!important;transition:none!important}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto!important}
.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto!important}
.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}



/* slide */ 
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;margin:0;height:100%}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;height:100%}
.slick-list:focus{outline:0}
;transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;width:100%;height:100%}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block;width:100%;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto}
.slick-arrow.slick-hidden{display:none}
/*--- slide-wrap ---*/
.slide-wrap{width:100%;max-width:1920px;margin:0 auto;;}
.slide-wrap .slide{width:100%;overflow:hidden}
.slide-wrap .slide .catalog-container{width:80%;max-width:1264px;max-height:840px/*width:1264px;height:840px;슬라이드높넓*/position:relative;overflow:hidden;margin:50px auto 0;/*추가*/}
.slide-wrap .slide.slide_6{width:871px;margin-left:329px;margin-top:200px}
.slide-wrap .slide.slide_6 .catalog-container{height:1015px!important}
.slide-wrap .slide.slide_6 .floatBox{width:100%!important}
.slide-wrap .slide .img-responsive{width:100%;height:auto;/*아인 auto로 100%*/vertical-align:top;}
.slide-wrap .slide .floatBox{position:relative;float:left;width:100%;/*아인 추가*/height:100%/*아인 추가*/}
.slide-wrap .slide .fixed-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}
.slide-wrap .slide .info-text{position:absolute;left:50%;top:5.15789473684%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);z-index:6}
.slide-wrap .slide .slide-wrap-inner .slide-thumb,.slide-wrap .slide .rawrow-edge-slide .slide-thumb{position:relative}
.slide-wrap .slide .slide-wrap-inner .slick-arrow,.slide-wrap .slide .rawrow-edge-slide .slick-arrow{position:absolute;z-index:8;top:45%;width:50px;height:50px;text-indent:-99999px;border:0;display:none!important;}
.slide-wrap .slide .slide-wrap-inner .slick-prev,.slide-wrap .slide .rawrow-edge-slide .slick-prev{left:20px;background:url(http://jstyle07.jpg3.kr/SITE_2018/IMG/ms_prev.png) center top no-repeat;background-size:contain;opacity:1}
.slide-wrap .slide .slide-wrap-inner .slick-next,.slide-wrap .slide .rawrow-edge-slide .slick-next{right:20px;background:url(http://jstyle07.jpg3.kr/SITE_2018/IMG/ms_next.png) center top no-repeat;background-size:contain;opacity:1}
@media (max-width:1230px){.slide-wrap .slide .shop-button{padding:0}}@media (min-width:1920px){.slide-wrap .slide .shop-button{padding:0}}
.slide-wrap .slide_1 .floatBox{width:50%;height:100%}
.slide-wrap .slide_1 .floatBox .slideImg1{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.slide-wrap .slide_1 .floatBox .slideImg2{width:100%;height:100%;position:absolute;top:0;left:0}
.slide-wrap .slide_1 .floatBox .fixed-text_1{width:61.6666666667%}
.slide-wrap .slide_1 .floatBox .fixed-text_2{width:73.125%}
ul.slick-dots{position:absolute;z-index:2;left: 50%;margin-left: -25px;bottom:8%;width:50px;height:10px;overflow:hidden}


.slide-wrap .slide .slide-wrap-inner .slick-dots li button{width:10px;height:10px;overflow:hidden;border-radius:100%;display:block;float:left;margin-right:10px;text-indent: -9999px;background: transparent;border: 1px solid #ccc;}
.slide-wrap .slide .slide-wrap-inner .slick-dots li.slick-active button{background:#ce0f1e;border-color:#ce0f1e;}
.slide-wrap .slide .slide-wrap-inner .slick-dots li:last-child button{margin-right:0;}
.slick-dots li{background: transparent !important;border-radius:0 !important;opacity:1  !important;}
/* BASIC css end */