@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:16px; width:calc((125vw - 1400px) / 2 + 100%); overflow: hidden;}	
.regular .slick-list{ position:relative;}
.lesson_info{position:relative; overflow:hidden; }
.lesson_info img{    border-radius: 15px;}
.lesson_info .le_txt {
    color: #111;
}
.lesson_info .le_txt h5 {
    font-size: 2em;
    padding-top: 20px;
    color: #345a92;
    font-weight: 700;
    word-break: keep-all;
}
.lesson_info .le_txt h5 span{font-size:0.8em; display:block;}
.lesson_info .le_txt p{
    padding-top: 15px;
    font-size: 1.45em;
    word-break: keep-all;
    line-height: 1.4;	
	font-weight: 300;
}


.slideArrowWrap {
	display: flex;
	margin-top: 50px;
	justify-content: center;
}
.slideArrowWrap .slideArrow {
height: 50px;
width: 53px;
cursor: pointer;
background-size: cover !important;
background-position: center !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;
	height: 50px;
	width: 53px;	
}
.slideArrowWrap .slideArrow.right{ 
    background: url(../img/sd_right.png) no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
	height: 50px;
	width: 53px;	
}
@media (min-width: 980px) {
	.slideArrowWrap {position: absolute; bottom: 260px;}		
}
@media (max-width: 1100px) {
	.slideArrowWrap{bottom: 200px;}
}
@media (max-width: 980px) {
    .regular{width: calc((100vw - 600px) / 2 + 100%);}	
	.lesson_info .le_txt {font-size: 0.9em;}
}

@media (max-width: 768px) {
    .regular{width: calc((100vw - 400px) / 2 + 100%); margin-top: 20px;}	
	
	.slideArrowWrap .slideArrow.left , .slideArrowWrap .slideArrow.right{ width: 47px; height: 44px;}
	
	.slick-slide {
		margin: 0px 7px;
	}	

}

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