/* BASIC css start */
/*--- reset ---*/
img:focus {
    outline:0;
}
#contentWrap {
    width:100% !important;
}
#prdBrand {
    width:1332px;
    margin:0 auto;
    margin-top: -100px;
    margin-bottom: 100px;
}


/*--- stylelog ---*/
.stylelog{width:100%;min-width:1330px;max-width:1920px;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;/*padding-top:50px;*/}        
.stylelog .cateLink{clear:both;width:600px;margin:100px auto 50px;text-align:center;display:block;}   .stylelog .cateLink img{width:600px;}

.stylelog .prdLink{width:calc(35/1920*100%);height:calc(35/1920*100%);position:absolute;z-index:2;}
.stylelog .prdLink01{top:27%;left:calc(420/1920*100%);}
.stylelog .prdLink02{top:13.5%;left:calc(1170/1920*100%);}
.stylelog .prdLink03{top:52%;left:calc(540/1920*100%);}
.stylelog .prdLink04{top:52%;left:calc(910/1920*100%);}
.stylelog .prdLink05{top:44%;left:calc(1415/1920*100%);}
.stylelog .prdLink06{top:29%;left:calc(475/1920*100%);}
.stylelog .prdLink07{top:17%;left:calc(550/1920*100%);}
.stylelog .prdLink08{top:17%;left:calc(915/1920*100%);}
.stylelog .prdLink09{top:29%;left:calc(1430/1920*100%);}
.stylelog .prdLink10{top:47%;left:calc(405/1920*100%);}
.stylelog .prdLink11{top:49.5%;left:calc(1090/1920*100%);}
.stylelog .prdLink12{top:49.5%;left:calc(1382/1920*100%);}
.stylelog .prdLink13{top:14%;left:calc(566/1920*100%);}
.stylelog .prdLink14{top:14%;left:calc(910/1920*100%);}
.stylelog .prdLink15{top:44%;left:calc(1540/1920*100%);}
.stylelog .prdLink16{top:56%;left:calc(265/1920*100%);}
.stylelog .prdLink17{top:54%;left:calc(965/1920*100%);}
.stylelog .prdLink18{top:54%;left:calc(1270/1920*100%);}
.stylelog .prdLink19{top:54%;left:calc(1580/1920*100%);}
.stylelog .prdLink20{top:15%;left:calc(370/1920*100%);}
.stylelog .prdLink21{top:15%;left:calc(670/1920*100%);}
.stylelog .prdLink22{top:15%;left:calc(970/1920*100%);}
.stylelog .prdLink23{top:46%;left:calc(1450/1920*100%);}
.stylelog .prdLink24{top:40%;left:calc(465/1920*100%);}
.stylelog .prdLink25{top:49%;left:calc(1350/1920*100%);}
.stylelog .prdLink26{top:31%;left:calc(1400/1920*100%);}
.stylelog .prdLink27{top:49%;left:calc(1570/1920*100%);}


.stylelog .tit_wrapper{position:relative;}
.stylelog section{/*padding-top:50px;*/clear:both}
.stylelog section:first-child{margin-top:0px;}




@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes wow {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(40deg)
    }
}

@keyframes wow {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(40deg)
    }
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}





/*--- slide-slider ---*/
.stylelog button:focus{outline:0}
.stylelog img:focus{outline:0}
.stylelog .slick-dots{bottom:10px;}
.stylelog .slick-dots li{width:7px;height:7px;opacity:1;}
.stylelog .floatBox01 .slick-dots li.slick-active{background-color: #ffd2cf !important}
.stylelog .floatBox02 .slick-dots li.slick-active{background-color: #ffefc1 !important}
.stylelog .floatBox03 .slick-dots li.slick-active{background-color: #c9ecd4 !important}
.stylelog .floatBox04 .slick-dots li.slick-active{background-color: #b8cde8 !important}
.stylelog .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%}
.stylelog .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;height:100%}
.stylelog .slick-list:focus{outline:0}
;transform:translate3d(0,0,0)}
.stylelog .slick-track{position:relative;top:0;left:0;display:block;width:100%;height:100%}
.stylelog .slick-track:before,.slick-track:after{display:table;content:''}
.stylelog .slick-track:after{clear:both}
.stylelog .slick-loading .slick-track{visibility:hidden}
.stylelog .slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.stylelog .slick-slide img{display:block}
.stylelog .slick-slide.slick-loading img{display:none}
.stylelog .slick-slide.dragging img{pointer-events:none}
.stylelog .slick-initialized .slick-slide{display:block;}
.stylelog .slick-loading .slick-slide{visibility:hidden}
.stylelog .slick-vertical .slick-slide{display:block;height:auto}
.stylelog .slick-arrow.slick-hidden{display:none}
/*--- slide-wrap ---*/
.stylelog .slide-wrap{min-width:1330px;width:100%;max-width:1920px;margin:0 auto;}
.stylelog .slide-wrap .slide{width:100%;/*overflow:hidden*/}
.stylelog .slide-wrap .slide .catalog-container{width:100%;max-width:1920px;/*½½¶óÀ̵å³ô³Ð*/position:relative;margin:0 auto}
.stylelog .slide-wrap .slide.slide_6{width:871px;margin-left:329px;margin-top:200px}
.stylelog .slide-wrap .slide.slide_6 .catalog-container{height:1015px!important}
.stylelog .slide-wrap .slide.slide_6 .floatBox{width:100%!important}
.stylelog .slide-wrap .slide .middle{width:336px!important}
.stylelog .slide-wrap .slide .img-responsive{width:100%;height:auto;/*¾ÆÀÎ auto·Î 100%*/vertical-align:top;}
.stylelog .slide-wrap .slide .floatBox{position:relative;float:left;width:100%;/*¾ÆÀÎ Ãß°¡*/height:100%/*¾ÆÀÎ Ãß°¡*/}

/*.stylelog .slide-wrap .slide .floatBox01{background-color:#ffd2cf}
.stylelog .slide-wrap .slide .floatBox02{background-color:#ffefc1}
.stylelog .slide-wrap .slide .floatBox03{background-color:#c9ecd4}
.stylelog .slide-wrap .slide .floatBox04{background-color:#b8cde8}

.stylelog .slide-wrap .slide .floatBox01 .slick-slide{background-color:#ffeadc}
.stylelog .slide-wrap .slide .floatBox02 .slick-slide{background-color:#fff9e7}
.stylelog .slide-wrap .slide .floatBox03 .slick-slide{background-color:#f9fffb}
.stylelog .slide-wrap .slide .floatBox04 .slick-slide{background-color:#e9f3ff}*/


.stylelog .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}
.stylelog .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}
.stylelog .slide-wrap .slide .slide-wrap-inner .slide-thumb,.slide-wrap .slide .rawrow-edge-slide .slide-thumb{position:relative;vertical-align:middle;/*max-width: 100%;max-height: 100%;width: auto !important;height: auto;*/}
.stylelog .slide-wrap .slide .slide-wrap-inner .slick-arrow,.slide-wrap .slide .rawrow-edge-slide .slick-arrow{position:absolute;z-index:8;top:50%;margin-top:-8px;width:58px;height:23px;text-indent:-99999px;border:0}
.stylelog .slide-wrap .slide .slide-wrap-inner .slick-prev,.slide-wrap .slide .rawrow-edge-slide .slick-prev{left:30px;background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/date2nd/arrow_bk.png) center top no-repeat;background-size:contain;opacity:.2;transform:rotate(180deg)}
.stylelog .slide-wrap .slide .slide-wrap-inner .slick-next,.slide-wrap .slide .rawrow-edge-slide .slick-next{right:30px;background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/date2nd/arrow_bk.png) center top no-repeat;background-size:contain;opacity:.2}

.stylelog .floatBox02 .slick-prev,.slide-wrap .floatBox02 .slick-prev{background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/date2nd/arrow_bk.png) center top no-repeat !important;transform:rotate(180deg);}
.stylelog .floatBox02 .slick-next,.slide-wrap .floatBox02 .slick-next{background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/date2nd/arrow_bk.png) center top no-repeat !important;}

/*.stylelog .floatBox01 .slick-prev,.slide-wrap .floatBox01 .slick-prev,.stylelog .floatBox01 .slick-next,.slide-wrap .floatBox01 .slick-next{margin-top: -.2% !important;}*/


@media (max-width:1230px){.stylelog .slide-wrap .slide .shop-button{padding:0}}
@media (min-width:1920px){.stylelog .slide-wrap .slide .shop-button{padding:0}}
.stylelog .slide-wrap .slide_1 .floatBox{width:50%;height:100%}
.stylelog .slide-wrap .slide_1 .floatBox .slideImg1{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.stylelog .slide-wrap .slide_1 .floatBox .slideImg2{width:100%;height:100%;position:absolute;top:0;left:0}
.stylelog .slide-wrap .slide_1 .floatBox .fixed-text_1{width:61.6666666667%}
.stylelog .slide-wrap .slide_1 .floatBox .fixed-text_2{width:73.125%}

/*!
 * fullPage 2.9.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body,html.fp-enabled{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}
.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:middle;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;height:100%!important}
.fp-scroller{overflow:hidden}
.iScrollIndicator{border:0!important}
.fp-notransition{-webkit-transition:none!important;transition:none!important}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}
#fp-nav.right{right:17px}
#fp-nav.left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}
.fp-slidesNav.bottom{bottom:17px}
.fp-slidesNav.top{top:17px}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}
#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}
#fp-nav ul li .fp-tooltip.right{right:20px}
#fp-nav ul li .fp-tooltip.left{left:20px}
.fp-auto-height .fp-tableCell{height:auto!important}
fp-auto-height .fp-slide/*,.fp-auto-height.fp-section*/{height:100%!important;/*¾ÆÀÎ auto¿¡¼­ 100%*/}
.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}


/*--- »óÇ° ŸÀÌƲ ---*/
div.loca {
    margin-top:120px;
    clear:both;
}

h2.tit {
    margin-bottom:30px;
    font-size:18px;
    font-weight:300;
    padding:15px 0;
    line-height:1em;
    border-top:1px solid #737373;
    border-bottom:1px solid #737373;
    text-transform:uppercase;
    text-align: left;
}

h2 .emp {
    font-weight: bold;
}

/* ÇÒÀÎÀ² Ç¥½Ã */
.prod_info_wrap .dc_info,.prod_info_wrap .dc_perc {
    color:#46479b;
    font-weight:bold;
    display:inline-block;
    margin-left:5px;
    font-size:15px;
 
}

.prod_info_wrap {
   text-align: left;
}

.normal_prod_wrap .disc_in {
    display:inline-block;
}





/* ½½¶óÀ̵尣 °£°Ý Á¶Á¤ 
.daybox {
    padding-top: 120px;
}*/
/* BASIC css end */