/*-----------------------------------------------------*/
/* 메인 비주얼 */
/*-----------------------------------------------------*/
#mainSlide {
 overflow:hidden;
 position:relative;
 width:100%;
 height:750px;
 margin:0 auto;
}
#mainSlide .visual-list-con,#mainSlide .visual-con,#mainSlide .slick-list,#mainSlide .slick-track,.visual-item {
 height:100%;
}
#mainSlide .slick-list {
 z-index:1;
}
.visual-con {
 position:relative;
 z-index:2;
}
.visual-bg {
 width:100%;
 height:100%;
 background-size:cover !important;
 -ms-transform:scale(1.1,1.1);
 -o-transform:scale(1.1,1.1);
 -moz-transform:scale(1.1,1.1);
 -webkit-transform:scale(1.1,1.1);
 transform:scale(1.1,1.1);
 -ms-transition:transform 5000ms ease-in-out;
 -o-transition:transform 5000ms ease-in-out;
 -moz-transition:transform 5000ms ease-in-out;
 -webkit-transition:transform 5000ms ease-in-out;
 transition:transform 5000ms ease-in-out;
}
.visual-box {
 position:absolute;
 top:43%;
 width:100%;
 margin:0 auto;
 text-align:center !important;
}
.visual-box .visual-tit1,.visual-box .visual-tit2,.visual-box .more-btn {
 opacity:0;
 filter:Alpha(opacity=0);
 -ms-transform:translateY(-50px);
 -o-transform:translateY(-50px);
 -moz-transform:translateY(-50px);
 -webkit-transform:translateY(-50px);
 transform:translateY(-50px);
 -ms-transition:opacity 1.0s,transform 1.0s;
 -o-transition:opacity 1.0s,transform 1.0s;
 -moz-transition:opacity 1.0s,transform 1.0s;
 -webkit-transition:opacity 1.0s,transform 1.0s;
 transition:opacity 1.0s,transform 1.0s;
}
.visual-box .visual-tit1 {
 display:block;
 font-family:'Montserrat','Noto Sans KR',sans-serif;
 font-size:52px;
 color:#fff;
 font-weight:600;
 line-height:65px;
 text-shadow:1px 2px rgba(0,0,0,.4);
 letter-spacing:-1px;
 text-transform:uppercase;
 -ms-transition-delay:0.3s;
 -o-transition-delay:0.3s;
 -moz-transition-delay:0.3s;
 -webkit-transition-delay:0.3s;
 transition-delay:0.3s;
}
.visual-box .visual-tit2 {
 font-family:'Montserrat','Noto Sans KR',sans-serif;
 font-size:24px;
 color:#fff;
 font-weight:500;
 line-height:50px;
 -ms-transition-delay:0.6s;
 -o-transition-delay:0.6s;
 -moz-transition-delay:0.6s;
 -webkit-transition-delay:0.6s;
 transition-delay:0.6s;
}
.visual-item.active-item .visual-bg {
 -ms-transform:scale(1.0,1.0) rotate(0.0001deg);
 -o-transform:scale(1.0,1.0) rotate(0.0001deg);
 -moz-transform:scale(1.0,1.0) rotate(0.0001deg);
 -webkit-transform:scale(1.0,1.0) rotate(0.0001deg);
 transform:scale(1.0,1.0) rotate(0.0001deg);
}
.visual-item.active-item .visual-tit1,.visual-item.active-item .visual-tit2 {
 opacity:1;
 filter:Alpha(opacity=100);
 -ms-transform:translateY(0px);
 -o-transform:translateY(0px);
 -moz-transform:translateY(0px);
 -webkit-transform:translateY(0px);
 transform:translateY(0px);
}
@media screen and (max-width:1600px) {
 #mainSlide {
  height:45vw !important;
 }
}
@media screen and (max-width:1199px) {
 #mainSlide {
  height:50vw !important;
 }
 .visual-box .visual-tit1 {
  font-size:38px;
  line-height:50px;
 }
 .visual-box .visual-tit2 {
  font-size:18px;
 }
}
@media screen and (max-width:767px) {
 #mainSlide {
  height:60vw !important;
 }
 .visual-box .visual-tit1 {
  font-size:26px;
  line-height:48px;
 }
 .visual-box .visual-tit2 {
  font-size:15px;
  line-height:24px;
 }
}
@media screen and (max-width:560px) {
 #mainSlide {
  height:65vw !important;
 }
 .visual-box .visual-tit1 {
  font-size:21px;
  line-height:30px;
 }
 .visual-box .visual-tit2 {
  font-size:14px;
  line-height:20px;
 }
}
@media screen and (max-width:480px) {
 #mainSlide {
  height: 85vw !important;
  margin-top:20px;
 }
}
/*-----------------------------------------------------*/
/* Slick Dots */
/*-----------------------------------------------------*/
#mainSlide .slick-dots {
 position:absolute;
 left:50%;
 bottom:30px;
 margin-left:-23px;
 text-align:center;
 z-index:999;
}
#mainSlide .slick-dots li {
 display:inline-block;
 margin:0 2px;
}
#mainSlide .slick-dots li button {
 cursor:pointer;
 margin:0;
 padding:0;
 border:0;
 font-size:0;
 width:20px;
 height:4px;
 border-radius:0;
 background-color:#fff;
}
#mainSlide .slick-dots li.slick-active button {
 cursor:pointer;
 margin:0;
 padding:0;
 border:0;
 font-size:0;
 width:20px;
 height:4px;
 border-radius:0;
 background-color:#333;
}
@media screen and (max-width:767px) {
 #mainSlide .slick-dots {
  position:absolute;
  left:50%;
  bottom:30px;
  margin-left:-20px;
  text-align:center;
  z-index:999;
 }
}
@media screen and (max-width:480px) {
 #mainSlide .slick-dots {
  position:absolute;
  left:50%;
  bottom:13px;
  margin-left:-21px;
  text-align:center;
  z-index: 999;
 }
}
/*-----------------------------------------------------*/
/* Prev,Next */
/*-----------------------------------------------------*/
.slick-arrow {
 font-size:0;
 position:absolute;
 top:50%;
 margin-top:-33px;
 width:55px;
 height:55px;
 z-index:999;
 outline:0;
 cursor:pointer;
}
.slick-prev,.slick-next {
 font-size:0;
 position:absolute;
 bottom:20px;
 color:#fff;
 border:0;
 background:none;
 z-index:99;
}
.slick-prev {
 left:50px;
 text-align:left;
}
.slick-prev:after {
 content:"\f104";
 font:40px/1 'FontAwesome';
}
.slick-next {
 right:50px;
 text-align:right;
}
.slick-next:after {
 content:"\f105";
 font:40px/1 'FontAwesome';
}
.slick-prev:hover:after,.slick-next:hover:after {
 color:#7e7e7e;
}
@media screen and (max-width:767px) {
 .slick-prev {
  left:10px;
  text-align:left;
 }
 .slick-prev:after {
  content:"\f104";
  font:30px/1 'FontAwesome';
 }
 .slick-next {
  right:10px;
  text-align:right;
 }
 .slick-next:after {
  content:"\f105";
  font: 30px/1 'FontAwesome';
 }
}
@media screen and (max-width:480px) {
 .slick-arrow {
  font-size:0;
  position:absolute;
  top:50%;
  margin-top:-20px;
  width:55px;
  height:55px;
  z-index:999;
  outline:0;
  cursor:pointer;
 }
}
/* Slider */
.slick-slider {
 position:relative;
 display:block;
 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 {
 position:relative;
 display:block;
 overflow:hidden;
 margin:0;
 padding:0;
}
.slick-list:focus {
 outline:none !important;
}
.slick-list.dragging {
 cursor:pointer;
 cursor:hand;
}
.slick-track {
 position:relative;
 top:0;
 left:0;
 display:block;
 margin-left: auto;
 margin-right: auto;
}
.slick-track:before,.slick-track:after {
 display:table;
 content:'';
}
.slick-track:after {
 clear:both;
}
.slick-loading .slick-track {
 visibility:hidden;
}
.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-loading .slick-slide {
 visibility:hidden;
}
.slick-vertical .slick-slide {
 display:block;
 height:auto;
 border:1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-slider *:focus {
 outline: none !important;
}
