/* Slider */
.slider-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.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;
}


.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.slick-slide img {
  display: block;
  max-width: 100%;
}

.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;
  border: 1px solid transparent;
}

.slick-slide > .slick-slider-img {
  position: relative;
  display: block;
  width: 100%;
}

.slick-slide .image {
  /*height: 180px;*/
}

.slick-slide img {
  display: block;
  width: 100%;
}

.slick-slide img.slick-loading {
  display: none;
}


.slick-prev{  
  border: none;
  border-radius: none;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  left: 3%;
  padding:5px 15px;
  line-height:30px;
  background:none;
  border:2px solid rgba(255,255,255,0.8);
  border-radius:50%;	
  /*box-shadow: 2px 2px 4px rgba(0,0,0,0.25);*/  
  z-index: 400;
}

.slick-next{  
  border: none;
  border-radius: none;
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  right: 3%;
  padding:5px 15px;
  line-height:30px;
  background:none;
  border:2px solid rgba(255,255,255,0.8);
  border-radius:50%;
  /*box-shadow: 2px 2px 4px rgba(0,0,0,0.25);*/
  z-index: 400;
}

/* progress bar */
.slider-progress {
  width: 100%;
  height: 8px;
  background: rgba(255,255,255,0.6);
  position: absolute;
  bottom: 0;
}
.slider-progress .progress {
  width: 0%;
  height: 8px;
  background: #615555;
}



.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.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;
}
.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;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}






/* -------------------------------------- slick �����̵� --------------------------------------------- */
.slick-slide img { display:inline; }
.slider_before_loading { display:none !important; }
.slick-vertical .slick-slide { border:none; }

.slick-list { z-index:1; }
.slick-arrow { position:absolute; top:calc( 50% - 25px ); z-index:20; overflow:hidden; text-indent:-999px; width:50px; height:50px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-size:30%; outline:none; transition:all 0.4s; }
.slick-slider .slick-arrow { opacity:0; }
.slick-slider:hover .slick-arrow { opacity:0.4; }
.slick-slider:hover .slick-arrow:hover { opacity:0.8; }
.slick-prev { left:20px; background-image:url('/app/javascript/plugin/slick/images/arrow_left.gif'); background-position:42% center; }
.slick-next { right:20px; background-image:url('/app/javascript/plugin/slick/images/arrow_right.gif'); background-position:58% center; }
.slick-slider:hover .slick-prev { transform:translateX( -5px ); }
.slick-slider:hover .slick-next { transform:translateX( 5px ); }
.slick-dots { position:absolute; z-index:20; bottom:20px; width:100%; text-align:center; font-size:0; line-height:0; }
.slick-dots>li { display:inline-block; padding:0 3px; }
.slick-dots>li>button { box-sizing:border-box; width:16px; height:8px; background:#fff; overflow:hidden; text-indent:-999px; border-radius:4px; opacity:0.6; transition:width 0.2s; box-shadow:0 0 3px #767676; outline:none; }
.slick-dots>li.slick-active>button { width:40px; background:#000; box-shadow:0 0 3px #fff; }
@media only screen and (max-width:1024px) {
	.slick-dots { bottom:10px; }
	.slick-dots>li>button { width:14px; height:8px; }
}
@media only screen and (max-width:767px) {
	.slick-slider .slick-arrow,
	.slick-slider:hover .slick-arrow { opacity:0; visibility:hidden; z-index:-1; }
	.slick-arrow { top:calc( 50% - 18px ); width:36px; height:36px; }
}
.sliderA, .sliderB { text-align:center; }
.sliderB .sslide { position:relative; }
.sliderB .slide_contents { position:absolute; left:0; right:0; top:0; bottom:0; }
.sliderB .wrap1 { display:table; width:100%; height:100%; }
.sliderB .wrap2 { display:table-cell; vertical-align:middle; text-align:center; font-size:14px; line-height:1.4; color:#000; }
.sliderB .text_wrap { display:inline-block; margin:-20px 10px 0; padding:20px 30px 25px; border-radius:12px; background:rgba( 255, 255, 255, 0.2 ); }
.sliderB .text1 { font-size:19px; line-height:1.3; font-weight:400; color:#444; }
.sliderB .text2 { font-size:66px; line-height:1.2; font-weight:300; letter-spacing:-1px; }
.sliderB .text3 { padding-top:5px; font-size:17px; font-weight:400; color:#666; }
.sliderB .st1 { font-size:28px; font-weight:400; letter-spacing:-1px; color:#697da6; }
.sliderB .sbtns1 { padding-top:20px; }
.sliderB .sbtn { box-sizing:border-box; display:inline-block; height:46px; padding:0 25px; min-width:120px; text-align:center; font-size:15px; font-weight:300; line-height:46px; border-radius:43px; }
.sliderB .sbtn1 { background-color:#333333; color:#fff; transition:all 0.2s; }
.sliderB .sbtn1:hover { background-color:#767676; }

.popup_slider { background:#fff; overflow:hidden; }
.popup_slider .popup_slider_tab { padding:5px 0; }
.popup_slider .pop_tab_list { display:table; width:100%; table-layout:fixed; text-align:center; }
.popup_slider .pop_tab_list .sslide { display:table-cell; padding:0 2px; }
.popup_slider .pop_tab_list .sslide>a { display:block; height:36px; line-height:37px; font-size:14px; font-weight:400; vertical-align:middle; border:1px #ddd solid; border-radius:2px; }
.popup_slider .pop_tab_list .sslide.slick-current>a  { border-color:#767676; background-color:#767676; color:#fff; }
.popup_slider .slick-arrow { top:-90px; width:46px; height:80px; background-color:#000; background-size:none; opacity:0; }
.popup_slider .slick-prev { left:-3px; border-radius:0 10px 10px 0; background-image:url('/app/javascript/plugin/slick/images/icon_arr_prev2.png'); background-position:42% center; }
.popup_slider .slick-next { right:-3px; border-radius:10px 0 0 10px; background-image:url('/app/javascript/plugin/slick/images/icon_arr_next2.png'); background-position:58% center; }
.popup_slider:hover .popup_slider_tab .slick-arrow { opacity:0.2; }
.popup_slider:hover .popup_slider_tab .slick-arrow:hover { opacity:0.5; }

@media only screen and (max-width:1023px) {
	.sliderB .text2 { font-size:50px; }
}
@media only screen and (max-width:767px) {
	.sliderB .text_wrap { padding:15px 20px 20px; }
	.sliderB .text1 { font-size:17px; }
	.sliderB .text2 { font-size:42px; }
	.sliderB .text3 { font-size:14px; }
	.sliderB .st1 { font-size:22px; }
	.sliderB .sbtns1 { padding-top:15px; }
	.sliderB .sbtn { height:34px; padding:0 20px; min-width:100px; line-height:34px; }

	.popup_slider { margin:0 !important; right:10px; }
}
@media only screen and (max-width:479px) {
	.sliderB .text2 { font-size:30px; }
}

/* B Motion */
.sliderB .simg { transition:transform 1s; }
.sliderB .text1 { opacity:0; transform:translateY( 10px ); transition:all 0.6s 1.3s; }
.sliderB .text2 { opacity:0; transform:translateX( 20px ); transition:all 0.6s 0.5s; }
.sliderB .text3 { opacity:0; transform:translateY( -10px ); transition:all 0.6s 1.7s; }
.sliderB .sbtns1 { opacity:0; transform:scale( 1.1 ); transition:all 0.6s 2.3s; }

.sliderB .slick-active .simg { transition:transform 16s linear; transform:scale( 1.2 ); }
.sliderB .slick-active .slide_contents .text1,
.sliderB .slick-active .slide_contents .text2,
.sliderB .slick-active .slide_contents .text3 { opacity:1; transform:translateY( 0 ) translateX( 0 ); }
.sliderB .slick-active .slide_contents .sbtns1 { opacity:1; transform:scale( 1 ); }

#designPopupModalBack { z-index:200 !important; }
.designPopup {position:absolute; z-index:210; }