@charset 'UTF-8';

/*추가*/
.slider {margin: 0px auto;}

.slick-slide {
  margin: 0px 10px;
}

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

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.regular{margin-top:40px; width: calc((100vw - 1080px) / 2 + 100%); overflow: hidden;}	

.lesson_info{position:relative; overflow:hidden; }
.lesson_info img{border-radius: 20px;}
.lesson_info .le_txt {
    position: absolute;
    top: 78%;
    left: 30px;
    color: #fff;
    width: 100%;
	z-index:2
}
.lesson_info .le_txt h3 {
    font-size: 1.65em;
    padding-bottom: 6px;
}
.lesson_info .le_txt h3 span{font-size:0.8em; display:block;}
.lesson_info .le_txt p{font-size:1.3em; opacity:.8}

.lesson_info a:after {content:''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 190px; background: linear-gradient( 0deg, rgb(0, 0, 0, .8) 10%, transparent );transition: all .3s ease; -webkit-transition: all .3s ease; border-radius: 20px;}
.lesson_info a:hover:after{height: 448px; linear-gradient( 0deg, rgb(0, 0, 0, 1) 50%, transparent ); }

.slideArrowWrap {
display: flex;
margin-top: 10px;
}
.slideArrowWrap .slideArrow {
height: 30px;
width: 30px;
border-radius: 50%;
margin: 0 3px;
cursor: pointer;
background-size: cover !important;
background-position: center 0px !important;
background-repeat: no-repeat !important;
}
.slideArrowWrap .slideArrow.left {
    background: url(../img/sd_left.png) no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 45px;
    height: 45px;
}
.slideArrowWrap .slideArrow.right{ 
    background: url(../img/sd_right.png) no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 45px;
    height: 45px;
}
@media (max-width: 1100px) {
	.regular{width: calc((100vw - 700px) / 2 + 100%);}	
	
}

@media (max-width: 980px) {
    .regular{width: calc((100vw - 600px) / 2 + 100%);}	
}

@media (max-width: 768px) {
    .regular{width: calc((100vw - 400px) / 2 + 100%); margin-top: 20px;}	
	
	.lesson_info .le_txt{font-size:0.9em;}
	.slideArrowWrap .slideArrow.left , .slideArrowWrap .slideArrow.right{ width: 35px; height: 35px;}
	
	.slick-slide {
		margin: 0px 7px;
	}	
	
	.lesson_info img {border-radius: 15px;}	
	.lesson_info a:after{border-radius: 15px;}	
}

@media (max-width: 568px) {
	.regular{width: calc((100vw - 20px) / 2 + 100%);}	
	
	.lesson_info .le_txt{font-size:0.8em; top: 74%; left: 15px;}
}