@charset 'UTF-8';

/* Dots */
.slick-dotted.slick-slider{ margin-bottom: min(5vw,60px);}
.slick-dots{ position: absolute; bottom: max(-5vw, -60px);  display: block;  width: 100%;  padding: 0;  margin: 0; list-style: none; text-align: center;}
.slick-dots li{position: relative;display: inline-block; aspect-ratio: 1/1;  margin: 0 min(0.66vw, 8px); padding: 0;cursor: pointer;}
.slick-dots li button{	font-size: 0;	line-height: 0;	display: block;	aspect-ratio: 1/1; padding: 0.5rem;	cursor: pointer;	color: transparent;	border: 0;	outline: none;	background: transparent;}
.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;		aspect-ratio: 1/1;content: '';	text-align: center;	border-radius: 50%;	background: #C7C7C7;}
/*.slick-dots li.slick-active button:before{background: var(--c-main) !important;}*/
.slick-dots li.slick-active button:before {
	background: #E42C2C !important;}
.slick-dots li, .slick-dots li button, .slick-dots li button:before{ width: min(1.5vw , 18px); }

/* point */
.point__img {padding-bottom: min(2.5vw,30px);}
.point__img .slick-dotted.slick-slider{ margin-bottom: 0; }
.point__img .slick-dots{ bottom: max(-2.5vw,-30px); text-align: right;}
.point__img .slick-dots li {border-radius: 50%; margin: 0 0 0 min(1vw, 12px);} 
.point__img .slick-dots li button:before{	background:#989898;}
.point__cont:nth-child(even) .point__img .slick-dots{ text-align: left;}
.point__cont:nth-child(even) .slick-dots li {margin: 0 min(1vw, 12px) 0 0;} 

/* Arrow */
.slick-prev,.slick-next{ font-size: 0;line-height: 0; position: absolute; top: 50%; display: block; width: min( 2.5vw, 30px);aspect-ratio:1/1; padding: 0; transform: translate(0, -190%);  cursor: pointer;  color: transparent; border: none; outline: none; background:  transparent; z-index: 100;}
.slick-prev:hover,.slick-next:hover{ color: transparent; outline: none; background: transparent; opacity: 0.8;}
.slick-prev:before,.slick-next:before{color: black;}

.slick-prev{ left:  max(-3vw, -60px);}
.slick-prev:before, .slick-next:before {content: ""; width: min( 2.5vw, 30px);aspect-ratio:1/1; position: absolute; }
.slick-prev:before{ left: 0; top:50%; transform: translate(0, -50%); background: url("../img/common/ic-SlideArrow-01.svg") center center / contain no-repeat;}

.slick-next{ right: max(-3vw, -60px);}
.slick-next:before{ right: 0; top:50%; transform: translate(0, -50%) rotate(-180deg); background: url("../img/common/ic-SlideArrow-01.svg") center center / contain no-repeat;}


#homCourse .slick-prev, #homCourse .slick-next {transform: translate(0,0); }

@media (max-width: 767px) {
 .slick-dots{bottom: max(-7vw,-50px);}
 .slick-prev,.slick-next{ width: min(5vw, 30px);transform: translate(0, -190%);}
 .slick-prev:before, .slick-next:before {width: min(5vw, 30px);}
 .slick-prev{ left: max(-6.2vw, -60px);}
 .slick-next{ right: max(-6.2vw, -60px);}
 
 .related__flex  .slick-prev,.slick-next{ transform: translate(0, -50%);}

 .homCatSlider .slick-dots li, .homCatSlider .slick-dots li button, .homCatSlider .slick-dots li button:before{ width: min(3.6vw , 18px); }
 .homCatSlider .slick-dots li{margin: 0 min(1.6vw, 8px); }
 
 .point__img {padding-bottom: min(6vw,30px);}
 .point__img .slick-dots{ bottom: max(-6vw,-30px); text-align:center !important;}
 .point__img .slick-dots li {margin: 0 0 0 min(2vw, 12px);} 

}