/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/

.lSSlideOuter{ overflow:hidden; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.lightSlider:before, .lightSlider:after{ content:" "; display:table; }
.lightSlider{ overflow:hidden; margin:0; }
.lSSlideWrapper{ max-width:100%; overflow:hidden; position:relative;}
.lSSlideWrapper > .lightSlider:after{ clear:both; }
.lSSlideOuter  { position:relative; box-sizing:border-box; border:1px solid #eee; }
.lSSlideWrapper .lSSlide{  }
.lSSlideWrapper .lSSlide{ -webkit-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px); -webkit-transition:all 1s; -webkit-transition-property:-webkit-transform,height; }
.lSSlideWrapper .lSSlide{ -moz-transition-property:-moz-transform,height; transition-property:transform,height; -webkit-transition-duration:inherit !important; transition-duration:inherit !important; }
.lSSlideWrapper .lSSlide{ -webkit-transition-timing-function:inherit !important; transition-timing-function:inherit !important; }
.lSSlideWrapper .lSFade{ position:relative; }
.lSSlideWrapper .lSFade > *{ position:absolute !important; top:0; left:0; z-index:9; margin-right:0; width:100%; }
.lSSlideWrapper.usingCss .lSFade > *{ opacity:0; -webkit-transition-delay:0s; transition-delay:0s; -webkit-transition-duration:inherit !important; transition-duration:inherit !important; }
.lSSlideWrapper.usingCss .lSFade > *{ -webkit-transition-property:opacity; transition-property:opacity; -webkit-transition-timing-function:inherit !important; transition-timing-function:inherit !important; }
.lSSlideWrapper .lSFade > *.active{ z-index:10; }
.lSSlideWrapper.usingCss .lSFade > *.active{ opacity:1; }

/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg{ display:none; margin:10px 0 0; padding:0; text-align:center; }
.lSSlideOuter .lSPager.lSpg > li{ cursor:pointer; display:inline-block; padding:0 5px; }
.lSSlideOuter .lSPager.lSpg > li a{ background-color:#222222; border-radius:30px; display:inline-block; height:8px; overflow:hidden; text-indent:-999em; width:8px; position:relative; z-index:99; }
.lSSlideOuter .lSPager.lSpg > li a{ -webkit-transition:all 0.5s linear 0s; transition:all 0.5s linear 0s; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{ background-color:#428bca; }
.lSSlideOuter .media{ opacity:0.8; }
.lSSlideOuter .media.active{ opacity:1; }
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery{ list-style:none outside none; padding-left:0; margin:0; overflow:hidden; }
.lSSlideOuter .lSPager.lSGallery{ transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); }
.lSSlideOuter .lSPager.lSGallery{ -o-transform:translate3d(0px, 0px, 0px); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; }
.lSSlideOuter .lSPager.lSGallery{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.lSSlideOuter .lSPager.lSGallery li{ overflow:hidden; -webkit-transition:border-radius 0.12s linear 0s 0.35s linear 0s; transition:border-radius 0.12s linear 0s 0.35s linear 0s; }
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{ border-radius:5px; }
.lSSlideOuter .lSPager.lSGallery img{ display:block; height:auto; max-width:100%; }
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after{ content:" "; display:table; }
.lSSlideOuter .lSPager.lSGallery:after{ clear:both; }
/* End of Gallery*/

/* slider actions */
.lSAction > a{ display:none; top:50%; cursor:pointer; position:absolute; z-index:2; margin-top:-44px; }
.lSAction > a{ -webkit-transition:opacity 0.35s linear 0s; transition:opacity 0.35s linear 0s; }
.lSAction > a i{ display:block; font:normal 38px/46px 'Fontawesome'; color:#aaa; opacity:0.5; }
.lSAction > a:hover i{ opacity:1; }
.lSAction > .lSPrev{ padding-right:2px; left:0; }
.lSAction > .lSNext{ padding-left:2px; right:0; }
.lSAction > .lSPrev i{ padding-right:2px; border-radius:0 10px 10px 0; border-left-color:#f1f1f1; }
.lSAction > .lSNext i{ padding-left:2px; border-radius:10px 0 0 10px; border-right-color:#f1f1f1; }
.lSAction > a.disabled{ pointer-events:none; }
.cS-hidden{ height:1px; opacity:0; filter:alpha(opacity=0); overflow:hidden; }

/* slider actions */
.lightslider_vtn{ }
.lightslider_vtn > a{ display:block; top:50%; cursor:pointer; position:absolute; z-index:2; margin-top:-29px; }
.lightslider_vtn > a{ -webkit-transition:opacity 0.35s linear 0s; transition:opacity 0.35s linear 0s; }
.lightslider_vtn > a i{ display:block; font:normal 56px/58px 'Fontawesome'; color:#aaa; opacity:0.2; }
.lSSlideOuter:hover .lightslider_vtn > a i{ opacity:0.5; }
.lSSlideOuter:hover .lightslider_vtn > a:hover i{ opacity:1; }
.lightslider_vtn > .Prev_vtn{ padding-right:2px; left:40px; }
.lightslider_vtn > .Next_vtn{ padding-left:2px; right:40px; }
.lightslider_vtn > .Prev_vtn i{ padding-right:2px; border-radius:0 10px 10px 0; border-left-color:#f1f1f1; }
.lightslider_vtn > .Next_vtn i{ padding-left:2px; border-radius:10px 0 0 10px; border-right-color:#f1f1f1; }
.lightslider_vtn > a.disabled{ pointer-events:none; }


/* vertical */
.lSSlideOuter.vertical{ position:relative; }
.lSSlideOuter.vertical.noPager{ padding-right:0px !important; }
.lSSlideOuter.vertical .lSGallery{ position:absolute !important; right:0; top:0; }
.lSSlideOuter.vertical .lightSlider > *{ width:100% !important; max-width:none !important; }

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a{ left:50%; margin-left:-14px; margin-top:0; }
.lSSlideOuter.vertical .lSAction > .lSNext{ background-position:31px -31px; bottom:10px; top:auto; }
.lSSlideOuter.vertical .lSAction > .lSPrev{ background-position:0 -31px; bottom:auto; top:10px; }
/* vertical */

/* Rtl */
.lSSlideOuter.lSrtl{ direction:rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{ padding-left:0; list-style:none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager{ padding-right:0; }
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li{ float:left; }
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li{ float:right !important; }
/* Rtl */

@-webkit-keyframes rightEnd{
    0%{ left:0; }
    50%{ left:-15px; }
    100%{ left:0; }
}
@keyframes rightEnd{
    0%{ left:0; }
    50%{ left:-15px; }
    100%{ left:0; }
}
@-webkit-keyframes topEnd{
    0%{ top:0; }
    50%{ top:-15px; }
    100%{ top:0; }
}
@keyframes topEnd{
    0%{ top:0; }
    50%{ top:-15px; }
    100%{ top:0; }
}
@-webkit-keyframes leftEnd{
    0%{ left:0; }
    50%{ left:15px; }
    100%{ left:0; }
}
@keyframes leftEnd{
    0%{ left:0; }
    50%{ left:15px; }
    100%{ left:0; }
}
@-webkit-keyframes bottomEnd{
    0%{ bottom:0; }
    50%{ bottom:-15px; }
    100%{ bottom:0; }
}
@keyframes bottomEnd{
    0%{ bottom:0; }
    50%{ bottom:-15px; }
    100%{ bottom:0; }
}

.lSSlideOuter .rightEnd{ -webkit-animation:rightEnd 0.3s; animation:rightEnd 0.3s; position:relative; }
.lSSlideOuter .leftEnd{ -webkit-animation:leftEnd 0.3s; animation:leftEnd 0.3s; position:relative; }
.lSSlideOuter.vertical .rightEnd{ -webkit-animation:topEnd 0.3s; animation:topEnd 0.3s; position:relative; }
.lSSlideOuter.vertical .leftEnd{ -webkit-animation:bottomEnd 0.3s; animation:bottomEnd 0.3s; position:relative; }
.lSSlideOuter.lSrtl .rightEnd{ -webkit-animation:leftEnd 0.3s; animation:leftEnd 0.3s; position:relative; }
.lSSlideOuter.lSrtl .leftEnd{ -webkit-animation:rightEnd 0.3s; animation:rightEnd 0.3s; position:relative; }

/*/  GRab cursor */
.lightSlider.lsGrab > *{ cursor:-webkit-grab; cursor:-moz-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab; }
.lightSlider.lsGrabbing > *{ cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:-o-grabbing; cursor:-ms-grabbing; cursor:grabbing; }

.product_board_img_wrap{ height:692px; overflow:hidden; margin-bottom:40px; background:#fff; text-align:center; }

/* 컨텐츠 스타일 */
.content-slider{}
.content-slider li{ padding:20px; }
.content-slider li div{ height:650px; }
.content-slider li div img{ position:absolute; left:0; top:0; right:0; bottom:0; max-height:100%; margin:auto; }


@media(max-width:1200px){

.content-slider li dl dt{ padding:15px 0 2px 0; font-size:20px; line-height:24px; }
.content-slider li dl dd{ font-size:13px; line-height:18px; }

.lSAction > a{ margin-top:-50px; }

.product_board_img_wrap{ height:542px; margin-bottom:30px; }
.content-slider li div{ height:500px; }
.content-slider .img_wrap img{  }

}
@media(max-width:999px){
.content-slider li{ padding:15px 30px; }
.content-slider li h3 {font-size:12px;}
.content-slider li dl dt{ padding:15px 0 2px 0; font-size:18px; line-height:20px; }
.content-slider li dl dd{ font-size:12px; line-height:14px; }

.lSAction > a{ margin-top:-46px; }
.lSAction > a i{ width:30px; line-height:34px; font-size:22px; }

.lightslider_vtn > a i{ font-size:36px; }
.lightslider_vtn > .Prev_vtn{ left:15px; }
.lightslider_vtn > .Next_vtn{ right:15px; }

.product_board_img_wrap{ height:312px; margin-bottom:25px; }
.content-slider li div{ height:280px; }
.content-slider .img_wrap img{  }


}