@charset 'UTF-8';

/* Arrows */
button.slick-prev,button.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width:3.5rem;height: 3.5rem;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;z-index: 9;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;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: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

button.slick-prev{left: 15px;}
[dir='rtl'] .slick-prev{right:  5%;left: auto;}
.slick-prev:before{content: '';background-image: url(../img/left_arrow.png);background-size: cover;width: 3.5rem;height: 3.5rem; display: inline-block;}
[dir='rtl'] .slick-prev:before{content: '';background-image: url(../img/right_arrow.png);background-size: cover;width: 3.5rem;height: 3.5rem;display: inline-block;}

button.slick-next{right: 54px;}
[dir='rtl'].slick-next{right: auto;left: 5%;}
.slick-next:before{content: '';background-image: url(../img/right_arrow.png);background-size: cover;width: 3.5rem;height: 3.5rem;display: inline-block;}
[dir='rtl'] .slick-next:before{content: '';background-image: url(../img/left_arrow.png);background-size: cover;width: 3.5rem;height: 3.5rem;display: inline-block;}

/* Dots */
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-dots
{position: absolute;bottom: 2rem;left: -32%; display: block;width: auto;padding: 0;margin: 0;list-style: none;}

/*slick dot change style*/
.slick-dots li{position: relative;display: inline-block;width: 3.5rem;height: 0.2rem;margin: 0 0.2rem;padding: 0;cursor: pointer;}
.slick-dots li a{display: block;color:#fff;font-family: 'SpoqaHanSans_R' , sans-serif; font-size: 1.42rem;width: 100%;border-bottom: 3px solid #fff;text-align:right;padding-bottom: 1rem;opacity: 0.3;-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.slick-dots li.slick-active a{opacity: 1;font-size: 2.4rem;font-weight:600;padding-bottom:0.8rem;}

.slick-dots li button{display: block;width: 5rem;height: 0.2rem;cursor: pointer;border: 0;outline: none;background: #fff;color: #fff;text-align: right;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before
{opacity: 1;}
.slick-dots li button:before
{position: absolute;top: 0;left: 0;width: 70px;height: 3px;content: '';opacity: .25;color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: 1;color: #fff;}



/*반응형*/
@media all and (max-width:1440px){
    .slick-dots{left: -26%;}
	}

@media all and (max-width:1280px){
    .slick-dots{width: 50%;}
	} 

@media all and (max-width:1024px){
    .slick-dots{bottom:4rem;left:-36%;}
    .slick-dots li{width:3rem;}
    .slick-dots li.slick-active a{font-size:2rem;}
	}

@media all and (max-width:768px){
/*기존 dot style로 초기화*/
.slick-dots{bottom:0;left:50%;transform:translateX(-50%);width: 100%;text-align: center;}
.slick-dots li a{font-size: 0;border-bottom: 3px solid #b333e3;}
.slick-dots li.slick-active a{padding-bottom:1rem;font-size: 0;}
	}

@media all and (max-width:480px){
    .slick-dots{left:50%;transform:translateX(-50%);width:100%;text-align:center;}
	}

@media all and (max-width:425px){
    .slick-dots{bottom: 5rem;}
	}