._fnctWrap {line-height:1.5; height:100%;}

/* [S] visual-slider */
.wrap-visual .inner { position: relative; max-width: 1920px; }
.wrap-visual img {}
.wrap-visual ul li.slick-slide { position: relative;  object-fit: cover; object-position: center; height: 820px; }
.wrap-visual .text-box { position: absolute; left: 80px; top: 223px; letter-spacing: -0.05em; color: #fff; z-index: 1; max-width:1770px;}
.wrap-visual .text-box h2 { margin-bottom: 9px; font-size: 50px; line-height: 1.25; font-family: 'Dream Light';font-weight: normal;}
.wrap-visual .text-box h2 span { display: block; font-family: "Dream Bold"; }
.wrap-visual .text-box p { width: 657px; font-size: 20px; margin-top: 22px; line-height: 34px;font-family: 'Dream Light'}
.wrap-visual .slick-custom-wrap { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 566px; left: 85px; }
.wrap-visual .slick-arrow { width: 10px; height: 13px; background-size: contain; background-image: url("../images/slide-arrow1.png"); background-repeat: no-repeat; text-indent: -9999px; z-index: 1; }
.wrap-visual .prev { margin-right: 27px; }
.wrap-visual .next { margin-left: 27px; transform: rotate(180deg); }
.wrap-visual .main-visual-dots::after { content: ""; display: block; clear: both; }
.wrap-visual .main-visual-dots li { float: left; margin-right: 20px; }
.wrap-visual .main-visual-dots li:last-child { margin-right: 0; }
.wrap-visual .main-visual-dots li button { position: relative; font-size: 16px; color: #ccc; font-weight: bold; font-family: "Play"; }
.wrap-visual .main-visual-dots li.slick-active button { margin-right: 50px; color: #fff !important; }
.wrap-visual .main-visual-dots li.slick-active button::after { content: ""; position: absolute; top: 50%; right: -53px; width: 38px; height: 1px; background-color: #fff; }
/* [E] visual-slider */

@media (max-width: 1600px) {
 .wrap-visual .inner { padding-left: 0 !important; padding-right: 0 !important; }
}

@media (max-width: 1200px) {
  .wrap-visual .text-box { top: 155px; left: 55px; }
  .wrap-visual .text-box h2 { font-size: 48px; }
  .wrap-visual ul li.slick-slide{ height: 600px; }
  .wrap-visual .slick-custom-wrap { top: 425px; left: 60px; }
}

@media (max-width: 900px) {
  .wrap-visual .text-box { top: 100px; left: 30px; }
  .wrap-visual .text-box h2 { font-size: 38px; }
  .wrap-visual .text-box p { font-size: 18px; }
  .wrap-visual ul li.slick-slide { height: 450px; }
  .wrap-visual .slick-custom-wrap { top: 335px; left: 35px; }
}

@media (max-width: 768px) {
.wrap-visual .text-box {padding: 0 20px;top: 85px;left: 15px;max-width: 100%;width:100%;}
.wrap-visual .text-box h2 { font-size: 28px; }
.wrap-visual .text-box p { font-size: 16px; line-height: 1.5;width: auto;max-width: 400px;}
.wrap-visual ul li.slick-slide { height: 350px; }
.wrap-visual .slick-custom-wrap { top: 255px; left: 35px; min-width: 200px; }
.wrap-visual .slick-arrow { width: 10px; height: 10px; }
.wrap-visual .slick-prev { margin-right: 17px; }
.wrap-visual .slick-next { margin-left: 17px; }
.wrap-visual .main-visual-dots li button { font-size: 15px; }
}


/*애니메이션*/
.wrap-visual ul li.slick-slide{animation-name:mainVisualScale;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes mainVisualScale{
	0%{transform:scale(1.2);}
	100%{transform:scale(1);}
}
.wrap-visual .text-box{animation-name:text_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes text_1{
	0%{transform:translateY(-50px);}
	100%{opacity:1;transform:translateY(0px);}
}
.wrap_visual .slick-custom-wrap{animation-name:text_2;animation-duration:3s;animation-fill-mode:forwards;}
@keyframes text_2{
	0%{transform:translateY(50px);}
	100%{opacity:1;transform:translateY(0px);}
}
