@charset 'UTF-8';

/* Arrows */
.slick-prev, .slick-next { position:relative; width:16px; height:16px; z-index:1; }
.slick-prev i, .slick-next i { position:relative; }
.slick-prev i:before, .slick-next i:before { content:''; width:16px; height:16px; position:absolute; transform:translate(-50%,-50%); }
.slick-prev i:before { background:url('/vtImages/common/ic_slick_prev.png') no-repeat; background-size:contain; }
.slick-next i:before { background:url('/vtImages/common/ic_slick_next.png') no-repeat; background-size:contain; }

/* Dots */
.slick-dots { position:absolute; bottom:5px; left:50%; transform:translate(-50%, 0); display:block; width:auto; }
.slick-dots li { position:relative; display:inline-block; width:10px; height:10px; margin:0 3px; padding:0; cursor:pointer; }
.slick-dots li button { font-size:0; line-height:0; display:block; width:10px; height:10px; border-radius:50%; cursor:pointer; color:#0000; outline:none; border:2px solid #fff; box-sizing:border-box; }
.slick-dots li.slick-active button { background:#fff; }
.slick-dots li button:hover, .slick-dots li button:focus { outline:none; }

.slick-dots_new { position:absolute; bottom:-74px; left:62%; transform:translate(-50%,0); width:100% }
.slick-dots_new li { position:relative; display:inline-block; margin:0; transition:.3s; }
.slick-dots_new li button { font-size:0; line-height:0; display:block; width:20px; height:2px; padding:0px; cursor:pointer; background:#959595;; opacity:.3;  transition:.8s; }
.slick-dots_new li button:hover, .slick-dots li button:focus { opacity:1; }
.slick-dots_new li.slick-active button { width:48px; opacity:1;background-color: #0d6fb8;}

.slick-dots_new01 { position:absolute; bottom:-90px; left:88.5%; transform:translate(-50%,0); width:100% }
.slick-dots_new01 li { position:relative; display:inline-block; margin:0; transition:.3s; }
.slick-dots_new01 li button { font-size:0; line-height:0; display:block; width:4px; height:2px; padding:0px; cursor:pointer; background:#959595;; opacity:.3;  transition:.8s; }
.slick-dots_new01 li button:hover, .slick-dots li button:focus { opacity:1; }
.slick-dots_new01 li.slick-active button { width:48px; opacity:1;background-color: #0d6fb8;}

.slick-dots_new02 { position:absolute; bottom:-90px; left:86.5%; transform:translate(-50%,0); width:100% }
.slick-dots_new02 li { position:relative; display:inline-block; margin:0; transition:.3s; }
.slick-dots_new02 li button { font-size:0; line-height:0; display:block; width:20px; height:2px; padding:0px; cursor:pointer; background:#959595;; opacity:.3;  transition:.8s; }
.slick-dots_new02 li button:hover, .slick-dots li button:focus { opacity:1; }
.slick-dots_new02 li.slick-active button { width:48px; opacity:1;background-color: #0d6fb8;}

.slick-dots_new03 { position:absolute; bottom:-90px; left:88.5%; transform:translate(-50%,0); width:100% }
.slick-dots_new03 li { position:relative; display:inline-block; margin:0; transition:.3s; }
.slick-dots_new03 li button { font-size:0; line-height:0; display:block; width:26px; height:2px; padding:0px; cursor:pointer; background:#959595;; opacity:.3;  transition:.8s; }
.slick-dots_new03 li button:hover, .slick-dots li button:focus { opacity:1; }
.slick-dots_new03 li.slick-active button { width:48px; opacity:1;background-color: #0d6fb8;}

/* Àç»ý ¸ØÃã */
.slick_play, .slick_stop { position:relative; width:16px; height:16px; z-index:1; }
.slick_play i, .slick_stop i { position:relative; }
.slick_play i:before, .slick_stop i:before { content:''; width:16px; height:16px; position:absolute; transform:translate(-50%,-50%); }
.slick_play i:before { background:url('/vtImages/common/ic_slick_play.png') no-repeat; background-size:contain; }
.slick_stop i:before { background:url('/vtImages/common/ic_slick_pause.png') no-repeat; background-size:contain; }

/* black */
.controller.black .slick-prev i:before { background:url('/vtImages/common/ic_slick_prev2.png') no-repeat; background-size:contain; }
.controller.black .slick-next i:before { background:url('/vtImages/common/ic_slick_next2.png') no-repeat; background-size:contain; }
.controller.black .slick_play i:before { background:url('/vtImages/common/ic_slick_play2.png') no-repeat; background-size:contain; }
.controller.black .slick_stop i:before { background:url('/vtImages/common/ic_slick_pause2.png') no-repeat; background-size:contain; }

/* stu */
.controller.stu .slick_play,
.controller.stu .slick_stop { width:3.4rem; height:3.4rem; }
.controller.stu .slick_play i:before,
.controller.stu .slick_stop i:before { width:2.4rem; height:2.4rem; transition:0.3s; }
.controller.stu .slick-prev,
.controller.stu .slick-next { width:3.4rem; height:3.4rem; }
.controller.stu .slick-prev i,
.controller.stu .slick-next i,
.controller.stu .slick_play i,
.controller.stu .slick_stop i { display:block; }
.controller.stu .slick-prev i:before,
.controller.stu .slick-next i:before { width:2.4rem; height:2.4rem; transition:0.3s; }
.controller.stu .slick-prev i:before { background:url('/vtImages/common/ic_slick_prev3.svg') no-repeat; background-size:contain; background-position:center; }
.controller.stu .slick-next i:before { background:url('/vtImages/common/ic_slick_next3.svg') no-repeat; background-size:contain; background-position:center; }
.controller.stu .slick_play i:before { background:url('/vtImages/common/ic_slick_play3.svg') no-repeat; background-size:contain; background-position:center; }
.controller.stu .slick_stop i:before { background:url('/vtImages/common/ic_slick_pause3.svg') no-repeat; background-size:contain; background-position:center; }
.controller.stu .slick-prev:hover i:before { background:url('/vtImages/common/ic_slick_prev3_hv.svg') no-repeat; background-size:contain; background-position:center; }
.controller.stu .slick-next:hover i:before { background:url('/vtImages/common/ic_slick_next3_hv.svg') no-repeat; background-size:contain; background-position:center; }
.controller.stu .slick_play:hover i:before { background:url('/vtImages/common/ic_slick_play3_hv.svg') no-repeat; background-size:contain; background-position:center; }
.controller.stu .slick_stop:hover i:before { background:url('/vtImages/common/ic_slick_pause3_hv.svg') no-repeat; background-size:contain; background-position:center; }

@media (max-width:820px) {
	.slick-dots_new01 {left: 49.5%;    width: 30%;}
	.slick-dots_new02 {left: 49.5%;width: 37%;}
	.slick-dots_new03 {left: 49.5%;    width: 30%;}
}

@media (max-width:768px) {
	.slick-dots_new01 {left: 50.5%; width: 32%;}
	.slick-dots_new02 {left: 49.5%;}
	.slick-dots_new03 {left: 50.5%; width: 32%;}
}
@media (max-width:560px) {
	.slick-dots_new01 {left: 53.5%;bottom: -60px;width: 50%;}
	.slick-dots_new02 {left: 53%;bottom: -60px;width: 60%;}
	.slick-dots_new03 {left: 53.5%;bottom: -60px;width: 50%;}
}
@media (max-width:430px) {
	.slick-dots_new01 {width: 65%;left: 49.5%;bottom: -78px;}
	.slick-dots_new02 {width: 75%;left:49.5%;bottom: -53px;}
	.slick-dots_new03 {width: 65%;left: 49.5%;bottom: -78px;}
}

@media (max-width:414px) {
	.slick-dots_new01 {width: 65%;left: 49.5%;bottom: -78px;}
	.slick-dots_new02 {width: 74%;left:48.5%;bottom: -53px;}
	.slick-dots_new03 {width: 65%;left: 49.5%;bottom: -78px;}
}
@media (max-width:393px) {
	.slick-dots_new01 li.slick-active button {width: 13px;}
	.slick-dots_new02 li.slick-active button {width: 25px;left: 48.5%;}
	.slick-dots_new03 li.slick-active button {width: 30px;}
}
@media (max-width:375px) {
	.slick-dots_new01 {width: 65%;left: 49.5%;bottom: -78px;}
	.slick-dots_new02 {width: 80%;bottom: -53px;left: 49.5%;}
	.slick-dots_new03 {width: 65%;left: 49.5%;bottom: -78px;}
}
@media (max-width:340px) {
	.slick-dots_new01 {width: 70%;left: 49.5%;bottom: -56px;}
	.slick-dots_new02 {width:83%;bottom: -53px;left:50%;}
	.slick-dots_new02 li.slick-active button {width: 15px;}
	.slick-dots_new01 li.slick-active button {width: 15px;}
	.slick-dots_new03 {width: 70%;left: 49.5%;bottom: -56px;}
}
@media (max-width:320px) {
	.slick-dots_new01 {width: 70%;left: 47.5%;bottom: -45px;}
	.slick-dots_new02 {width:90%;bottom: -45px;left:51%;}
	.slick-dots_new03 {width: 70%;left: 47.5%;bottom: -45px;}
}