.sec_inner_full {max-width:1920px;margin:0 auto;position:relative;}
.slider01  {width:100%; max-width:100% !important; padding:150px 0 100px 0; }
.slider01 .head  {font-size:40px;text-align:center; line-height:120%; }
.slider01  .head_txt {font-size:22px; line-height:45px;  margin:0px 0 56px 0; }
.slider01 .point {width:300px; background-color:#000; margin: 0px auto 15px auto; color:#fff; padding:10px; border-radius:30px; font-size:20px; text-align:center; font-weight:500;}
.slider01 h3 {font-size:45px;}
.slider01 {margin:0px 0 0 0 ; overflow:hidden;}
.slider01 .m-carousel {overflow:hidden;  opacity: 0;  transition: all 0.3s ease;}
.slider01 .flickity-viewport {}
.slider01 .m-carousel.flickity-enabled {  opacity: 1; /* background: #fff;*/ padding:50px 0 40px 0}
.slider01 .m-carousel__item { margin:0 12px !important; opacity:1;transition: opacity 0.3s ease; width: 744px; height:auto;  border-right: 0px !important; opacity: 0.6; filter: grayscale(100%);}
.slider01 .m-carousel__item .m-carousel__image { border-radius:16px;  }
.slider01 .m-carousel__item.is-selected {  opacity: 1; filter: grayscale(0%);}
.slider01 .m-carousel__item.is-selected .m-carousel__image {/*height:450px;*/ transition: all 0.3s ease; margin-top:0;
width: 100%; padding:0; }
.flickity-page-dots {bottom:0;top:unset;}
.flickity-page-dots .dot {width:72px;height:4px;border-radius:0;margin:0 2px;background:var(--cw-gray300-color);opacity:1;}
.flickity-page-dots .dot.is-selected {background:var(--cw-gray800-color);}
.slider01  .carousel-status {display:none;}
/*.slider01 .m-carousel__item.is-selected:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.2); }*/
.slider01 .m-carousel__image { position:relative; display: block;  width: 100%;   /*height: 500px;*/  opacity: 0;  transition: opacity 0.3s ease;transition: all 0.3s ease; margin-top:0px; padding:0 0px}
.slider01 .m-carousel__image.flickity-lazyloaded { opacity: 1;  }
.slider01 .flickity-prev-next-button {/*box-shadow:0 0 7px rgba(0,0,0,0.3);*/}
.slider01 .flickity-prev-next-button.previous {width:80px;height:80px;background-color:rgba(0,0,0,0.3);left:0%; z-index:2; margin:0;background-image:url({{$template}}/img/hblock/design/images/btn_arrow_left.png);background-repeat:no-repeat;background-position:center; background-size:50%; }
.slider01 .flickity-prev-next-button.next {width:80px;height:80px;background-color:rgba(0,0,0,0.3);right:0%; z-index:2;  background-image:url({{$template}}/img/hblock/design/images/btn_arrow_right.png);background-repeat:no-repeat;background-position:center; background-size:50%; }
.slider01  .flickity-prev-next-button path {  fill: rgba(0,0,0,0.5); font-size:10px;}
.slider01  .flickity-prev-next-button:hover path {  fill: rgba(0,0,0,6);}
.slider01  .flickity-prev-next-button:hover { opacity:1; }
.slider01  .flickity-prev-next-button {top:50%;transform: translateY(-50%);}


/* sub h2 tmt */
.slider01 .m-carousel__item div.txtBox {display:none; transition: all 0.3s ease;margin-left:2%;}
.slider01 .m-carousel__item div.txtBox {position:absolute;bottom:8%;left:50%;transform: translateX(-50%);text-align:center; display:block !important;transition: all 0.3s ease; width:100%; height:auto;color: #fff;z-index:112;  padding:25px 1px;   overflow:hidden;}
/*.slider01 .m-carousel__item.is-selected div.txtBox2 {background-color:#0c4c91;}
.slider01 .m-carousel__item.is-selected div.txtBox3 {background-color:#6c3198;}
.slider01 .m-carousel__item.is-selected div.txtBox4 {background-color:#e86729;}*/
/*.slider01 .m-carousel__item.is-selected div.txtBox {display:block !important;transition: all 0.3s ease;  width:450px; 
color: #fff;  text-align:left; z-index:112; position:absolute; bottom:25%; left:5%; transform:translate(-0%,-0%); 
margin:0 auto  ;   padding:40px 45px; height:250px; border-radius:0px;  overflow:hidden;  background-color:rgba(0,0,0,0.5);
box-shadow:0px 0px 10px rgba(255,255,255,0); }*/
.slider01 div.txtBox .caption span{border: 0px solid;  width:100%; display:block; padding: 0px 0 0 0; }
.slider01 .m-carousel__item.is-selected div.txtBox .caption { text-transform:uppercase ;  opacity: 0;  position: relative;  margin:0 auto;    width:100%; 
 font-weight:500;    margin: 0; font-size: 14px; line-height:20px;  opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay:0.3s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}
.slider01 div.txtBox .caption,div.txtBox .caption2,div.txtBox .caption3 { opacity:0;}
.slider01 div.txtBox .caption2 span{font-size:var(--cw-size-3);width:100%; display:block; padding: 0;font-weight:400;}
.slider01 .m-carousel__item.is-selected div.txtBox .caption2 {  opacity: 0;  position: relative; margin:0 auto;   width:100%;  font-weight:600;    margin: 0; font-size: 25px; line-height:30px;  opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter; -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 0.8s;  animation-delay:0.2s; -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}
.slider01 div.txtBox .caption3 span{font-size:var(--cw-size-5);margin:0 auto; width:100%; display:block; padding: 10px 0 20px 0;line-height:130%; }
.slider01 .m-carousel__item.is-selected div.txtBox .caption3 {  opacity: 0;  position: relative; margin:0 auto;  width:100%; 
 font-weight:400;    margin: 0; font-size: 16px;   opacity: 0; z-index: 1; -webkit-animation-name: enter;  animation-name: enter;
  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay:0.5s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}
.slider01 div.txtBox a {color:#fff;display: flex;align-items: center;width: 100%;margin: 0 auto;text-align: center;justify-content: center;}
.slider01 div.txtBox a img {margin-left:16px;}
.slider01 div.txtBox a:hover {color:#fff;}


/*@keyframes enter {
  0% { opacity: 0; -webkit-transform: translateY(20px);  transform: translateY(20px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateY(0px);  transform: translateY(0px);  }
}*/


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.sec_inner_full {margin:0 4%;position:relative;width:92%;}
.slider01  {width:100%; max-width:100% !important; padding:10px 0 10px 0;margin:75px 0 22px 0; }
.slider01 .head  {font-size:24px;text-align:left;line-height:32px;}
.slider01  .head_txt {font-size:16px; line-height:25px;  margin:10px 0 20px 0;}
.slider01 .tit {max-width:100%; margin: 0 0px 25px 0px;}
.slider01 .point {width:250px; margin: 30px auto 15px auto;  padding:8px; font-size:16px; }
.slider01 .m-carousel.flickity-enabled {  padding:20px 0 50px 0}
.slider01 .m-carousel__item {   width: 100%; height:auto; padding:0 0 0px 0}
.slider01 .flickity-prev-next-button.previous {margin:0;}
.slider01 .flickity-prev-next-button.next {margin:0; }
.slider01 .m-carousel .flickity-prev-next-button path {  fill: rgba(255,255,255,.9);}
.slider01 .m-carousel .flickity-prev-next-button:hover path {  fill: rgba(255,255,255,.9);}


.slider01 .m-carousel__item { margin:0 !important; overflow:hidden;}
.slider01 div.txtBox {width:100%; padding-bottom:0; }
.slider01 .m-carousel__item.is-selected div.txtBox .caption {  font-size:14px;  }
div.slider01 .caption span{padding: 0px 15px; border:0; font-size:13px; }
.slider01 div.txtBox .caption2 span {font-size:var(--cw-size-2);border:0; line-height:30px; }
.slider01 div.txtBox .caption3 span {font-size:var(--cw-size-3);padding:7px 0 15px;font-weight: 500;}
div.slider01 .caption3 span {}
.slider01 .m-carousel__image { width: 100%; margin-left:0%; margin-top:0; overflow:hidden;  height: auto;   }
.slider01 .m-carousel__item.is-selected .m-carousel__image,
.slider01 .m-carousel__item .m-carousel__image  {height:auto;}
.slider01 .m-carousel__item div.txtBox {  position:unset;transform: none;color: #121212;padding:0px;  height:auto; top:0px; background-position:80% 75%;text-align:left;}
.slider01 .m-carousel__item div.txtBox a {display:none;}
.slider01 .m-carousel__item a {display:block;width:100%;height:100%;border-radius:8px;overflow:hidden;}
.slider01 .m-carousel__item .m-carousel__image {border-radius:8px;}
.slider01  .carousel-status {display:block;color:var(--cw-gray300-color);height: 30px;line-height: 30px;position:absolute;bottom:10px;}
.flickity-page-dots {display:none;}
.slider01  .carousel-status .current {color:var(--cw-gray900-color);}
.slider01 .flickity-prev-next-button {top:94%;}
.slider01 .flickity-prev-next-button.previous {left:85%;width:32px;height:32px;background-color: transparent;background-image:url('{{$template}}/img/hblock/design/images/Chevron.png');background-size:100%;}
.slider01 .flickity-prev-next-button.next {left:93%;width:32px;height:32px;background-color: transparent;background-image:url('{{$template}}/img/hblock/design/images/Chevron2.png');background-size:100%;}


}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}