@charset "UTF-8";

/*slide*/
#mainVisual {margin: 0 auto;position: relative;}
#mainVisual .slick-list .slick-slide{height:100vh;}
#mainVisual .slick-list .slick-slide img{width:100%; height:100vh; object-fit:cover;}

#mainVisual .control{position: absolute;z-index: 1;bottom: 3rem;left: 50%;transform: translateX(-50%);display: flex;background: rgba(0,0,0,0.3);padding: 1rem; align-items: center;gap: 1rem;}
#mainVisual .control .row{display: flex;align-items: center;gap: 1rem;}
#mainVisual .control .row *{line-height:1.1;}
#mainVisual .control .row .paging{color: #fff;display: flex;justify-content: space-between;gap: 1rem;}
#mainVisual .control .row .num{}
#mainVisual .control .row .total{}
#mainVisual .control .row .dot{display: flex;align-items: center;}
#mainVisual .control .row .dot ul{width: 100px;background:rgba(255,255,255,.3);height: 2px;overflow: hidden;position: relative;}
#mainVisual .control .row .dot ul li{background: #fff;width:0;position: absolute;top: 0;left: 0;}
#mainVisual .control .row .dot ul li.slick-active{width: 100%; transition:ease all 3s;}
#mainVisual .control .row .dot ul li button{text-indent: -9999px;}
#mainVisual .control .row .dot ul li.slick-active button{}
#mainVisual .control .btn{}
#mainVisual .control .btn button{width: 15px;height: 15px;display: block;text-indent: -9999px;}
#mainVisual .control .btn button.active{display:none;}
#mainVisual .control .btn .stop{background:url(./../images/stop.png) center no-repeat;}
#mainVisual .control .btn .play{background:url(./../images/play.png) center no-repeat;}


















/* slick min */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}