/* slick.css */
/* Slider */
.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; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}

.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;}
.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; overflow:hidden;}

[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;}


/* Slider */
.slick-loading .slick-list{background: #fff url('./ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;
    color: transparent;
    border: none;
    background: transparent;
}
/* .slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    background: transparent;
} */
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{left: -25px;}

[dir='rtl'] .slick-prev{right: -25px; left: auto;}
/* .slick-prev:before{content: '←';} */

[dir='rtl'] .slick-prev:before{content: '→';}

.slick-next{right: -25px;}

[dir='rtl'] .slick-next{right: auto; left: -25px;}
/* .slick-next:before{content: '→';} */
[dir='rtl'] .slick-next:before{content: '←';}

/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px;}

.slick-dots{position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li{position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; background: transparent;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{opacity: .75; color: black;}



.slider {width: 50%; margin: 100px auto;}

.main-slider {width: 100%; margin: 160px auto; overflow:hidden;}


.main-slider .slick-dots{bottom:32px;}
.main-slider .slick-dots li.slick-active button:before{color:#fff;}
.main-slider .slick-dots li button:before{color:rgba(255,255,255,0.5);}
.main-slider .slick-next{right:2%; background:url('../images/common/r-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.main-slider .slick-next:before{display:none;}
.main-slider .slick-prev{left:2%; background:url('../images/common/l-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.main-slider .slick-prev:before{display:none;}

.main-slider .slick-next:hover, .main-slider .slick-prev:hover{opacity: 0.5;}


.slick-slide {margin: 0px 20px;}

.main-slider .slick-slide{margin:0;}



.sub-slider .slick-dots{bottom:32px;}
.sub-slider .slick-dots li.slick-active button:before{color:#fff;}
.sub-slider .slick-dots li button:before{color:rgba(255,255,255,0.5);}
.sub-slider .slick-next{right:2%; background:url('../images/common/r-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.sub-slider .slick-next:before{display:none;}
.sub-slider .slick-prev{left:2%; background:url('../images/common/l-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.sub-slider .slick-prev:before{display:none;}
.sub-slider .slick-slide{margin:0;}
.sub-slider .slick-list{z-index: 1;}

.slick-slide img {width: 100%;}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.sub-slider .slick-next:hover, .sub-slider .slick-prev:hover{opacity: 0.5; transition: all .3s ease-out;}

/* Tablet */
@media only screen and (max-width: 1366px) {
    .main-slider{height:748px; margin:120px auto;}
}

/* Tablet 아이패드 에어 - 가로형 */
@media only screen and (max-width: 1180px) {
    .main-slider{height:643px;}
}


/* Tablet 아이패드 에어 - 가로형 */
@media only screen and (max-width: 1024px) {
    .main-slider{height:699px;}
}

/* Tablet 아이패드 에어 - 세로형 */
@media only screen and (max-width: 820px) {
    .main-slider{height:700px;}
}

/* Mobile */
@media only screen and (max-width: 798px) {
    .main-slider{height:720px; margin: 80px auto;}
  
}

