._fnctWrap {line-height:1.5; height:100%;}

.main-visual-bx {height: 100%;display: inline-block;margin-right: 20px;}

.wrap-visual {position:relative; height: 100%;}
.wrap-visual .slider {position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;}
.wrap-visual .slider .slick-list, .wrap-visual .slider .slick-track {height: 100%;}
.wrap-visual .slider li {position:relative; text-align:center; height: 100%;}

.wrap-visual .slider li:before {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../images/pattern.png') repeat;z-index:1}
.wrap-visual .slider li img {display:inline-block; max-width:none;}
.wrap-visual  .main-slogan {position:absolute; left:50%; top:50%; z-index:1; width:100%; transform: translate(-50%,-50%); text-align:center; color:#fff; line-height:1.3; text-shadow:0px 3px 7px rgba(0, 0, 0, 0.5);}
.wrap-visual  .main-slogan strong {display:block; padding:15px 0 35px 0; font-size: 2.6vw; font-weight:normal; font-family:'S-CoreDream-6Bold'; letter-spacing: -1px; line-height:1.2;}
.wrap-visual  .main-slogan p {font-size:1.95vw; font-family:'S-CoreDream-3Light';}
.wrap-visual  .main-slogan span {display:inline-block; font-size:1.15vw; font-family: 'S-CoreDream-1Thin'; letter-spacing:10px; padding:10px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.wrap-visual  .main-slogan span i {font-style:normal; font-family:'S-CoreDream-6Bold'; }

.wrap-visual .video-visual{}
.wrap-visual  .video_bg{position:relative;width:100%;height:100%;z-index:0;background: #000;}
.wrap-visual  .video_bg video{position:absolute;top:0;bottom:0;left:50%;margin-left:-1000px;width:2000px;height:1080px}


.main-visual-txt.slick-initialized .slick-slide {outline: none;}

.type1-visual-txt {position: relative; z-index: 5; padding-top: 250px; max-width: 1700px; margin: 0 auto;}
.main-visual-txt {margin-bottom: 50px;}
.main-visual-txt .visual-txt1 {font-size: 42px;line-height: 50px;color: #fff;font-weight: 300;margin-bottom: 20px;font-family: 'Dream Medium';}
.main-visual-txt .visual-txt1 strong {font-weight: 600;}
.main-visual-txt .visual-txt2 {font-size: 18px;line-height: 30px;color: #fff;font-weight: 300;font-family: 'Dream Regular';}

.main-visual-bx .main-visual-dots {display: inline-block;vertical-align: middle;margin: 0 15px;padding-top: 13px;}
.main-visual-bx .main-visual-dots li {float: left;font-size: 0;}
.main-visual-bx .main-visual-dots li button {text-indent: -999999px;width: 50px;height: 2px;background: rgba(255, 255, 255, 0.3);}
.main-visual-bx .main-visual-dots li.slick-active button {background: #fff;}
.main-visual-bx .main-visual-count {float: left;margin-left: 15px;}
.main-visual-bx .main-visual-count span {font-size: 14px;color: #c0c0c0;font-style: normal;}
.main-visual-bx .main-visual-count span.current {color: #fff;}
.main-visual-bx .main-visual-count span:nth-child(2) {margin: 0 5px;}

.wrap-visual .control {text-align:center;height:0px;z-index:1;display: inline-block;vertical-align: middle;}
.wrap-visual .control .paging {display:inline-block;}
.wrap-visual .control .paging ul {display:inline-block;}
.wrap-visual .control .paging li {float:left; margin:0 2px;}
.wrap-visual .control .paging li.slick-active button {background:url('../images/visual-dot-on.png') no-repeat center center; position:relative;}
.wrap-visual .control .paging li button {width:22px; height:22px; background:url('../images/visual-dot-off.png') no-repeat center center; text-indent:-9999px;}
.wrap-visual .control .playstop {display:inline-block;position:relative;margin: 0 0 0 8px;top: -13px;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:22px;height:22px;background: url('../images/vis-play.png') no-repeat center center;}
.wrap-visual .control .stop {width:22px;height:22px;background: url('../images/vis-pause.png') no-repeat center center;}
.wrap-visual .prevnext {display: inline-block;vertical-align: middle;padding-top: 10px;}
.wrap-visual .prevnext .container {position: relative;}
.wrap-visual .prevnext button {text-indent: -9999px;width: 25px;height:5px;margin: 0 5px;}
.wrap-visual .prevnext .prev {background: url(../images/vis-left.png) no-repeat center;}
.wrap-visual .prevnext .next {background: url(../images/vis-right.png) no-repeat center;}

.maim-logo-wrap{display:none}


@media all and (min-width:1921px) {

}

@media all and (max-width:1620px) {
.type1-visual-txt {padding: 0 20px; padding-top: 250px;}

}

@media all and (max-width:1023px) {
.type1-visual-txt {padding: 0 20px;padding-top: 110px;}
.main-visual-txt .visual-txt1 {line-height: 38px;font-size: 26px;margin-bottom: 15px;}
.wrap-visual .slider li:before{background:rgba(0,0,0,0.2);}
.wrap-visual .slider li{background-size: 2000px 100% !important;}
.main-visual-txt .visual-txt2{font-size:16px;line-height: 1.6;}
.main-visual-txt{margin-bottom: 20px;}
.wrap-visual .video_bg video{height:1036px}	

.maim-logo-wrap{display:block;width:100%;position:absolute;left:0;right:0;bottom:0}
.maim-logo-wrap .maim-logo{display: inline-flex;padding:18px;background: rgba(0,0,0,0.50);width:100%;}
.maim-logo-wrap .maim-logo li{grid-template-rows: 25% 25% 25% 25%;}
.maim-logo-wrap .maim-logo li a{display:block;padding:14px;background-color:#000;}
.maim-logo-wrap .maim-logo li img{height:100%;vertical-align: middle;}
.maim-logo-wrap .maim-logo li + li{margin-left:24px}
}

@media all and (max-width:767px) {
.wrap-visual {
}
.type1-visual-txt{text-align:center;}
.main-visual-txt .visual-txt1 {font-size: 24px;line-height: 34px;word-break: keep-all;margin-bottom: 0;}
.main-visual-txt .visual-txt2 {font-size: 14px;display: none;}
.main-visual-txt{margin-bottom:17px;}
.main-visual-bx{width:100%;text-align:center;margin-right: 0;}
.wrap-visual .slider.video-visual{height: 700px;}
.wrap-visual .video_bg{height:100%}
.wrap-visual .video_bg video{margin-left:-660px;width:1320px;height:743px;}	
.maim-logo-wrap .maim-logo li a{padding:8px;}
.maim-logo-wrap .maim-logo li + li{margin-left:14px}
}

@media all and (max-width:640px){
.maim-logo-wrap .maim-logo{display: grid;grid-template-rows: repeat(2,minmax(2rem, auto));grid-template-columns: repeat(2, 49%);grid-auto-rows: 15rem;grid-gap: 10px;}
.maim-logo-wrap .maim-logo li{text-align: center;}
.maim-logo-wrap .maim-logo li a{}
.wrap-visual  .video_bg video{height: 700px;}	
.maim-logo-wrap .maim-logo li img{max-width: 100%;height: 20px;}
.maim-logo-wrap .maim-logo li + li{margin-left:0}
}
.wrap-visual .current{font-size:12px;color:#fff;font-family:'Dream Medium';display: inline-block;vertical-align: middle;}
.wrap-visual .total{font-size:12px;color:#fff;font-family:'Dream Regular';display: inline-block;vertical-align: middle;}
.main-visual-txt .visual-txt1{animation-name:vis_text_1;animation-duration:0.75s;animation-delay:.3s;animation-fill-mode:forwards;opacity:0;transform:translateX(-100px);}
.main-visual-txt .visual-txt2{animation-name:vis_text_1;animation-duration:0.75s;animation-delay:.5s;animation-fill-mode:forwards;opacity:0;transform:translateX(-100px);}
.wrap-visual .main-visual-bx,
.wrap-visual .prevnext,
.wrap-visual .control{animation-name:vis_text_1;animation-duration:0.75s;animation-delay:.7s;animation-fill-mode:forwards;opacity:0;transform:translateX(-100px);}

@keyframes vis_text_1{
	0%{opacity:0;transform:translateX(-100px);}
	100%{opacity:1;transform:translateX(0px);}
}



.wrap-visual .item_2{padding: 0 0 200px 0;top:0;left:50%;width:50%;margin-left:-800px;height:100%;position:absolute;z-index:1;display:flex;flex-direction:column;justify-content: flex-end;}
.wrap-visual .text_1{color:#FFF;font-size:64px;line-height:1.3;font-family:'Pretendard Bold';opacity:0;transform:translateY(-50px);}
.wrap-visual .text_1 span{font-size:64px;line-height:1;font-family:'Pretendard Bold';margin-top:15px;display:block;}
.wrap-visual .text_2{font-size:64px;color:#FFF;line-height:1.4;font-family:'Pretendard Bold';opacity:0;transform:translateY(50px);}
.wrap-visual .text_2 span{font-size:64px;font-family:'Pretendard Bold';padding-left:45px;margin:50px 0 10px 0;background:url(../images/logo_w.png) no-repeat left center;background-size:30px;display:block;}
@media all and (max-width:1640px){
	.wrap-visual .item_2{left:2%;width:48%;margin-left:0;}
	.wrap-visual .text_1{}
	.wrap-visual .text_2{}
}

@media all and (max-width:1260px){
	.wrap-visual .text_1{font-size: 50px;}
	.wrap-visual .text_2{font-size: 50px;}
}

@media all and (max-width:1023px){
	.wrap-visual .item_2{width:96%;}
	.wrap-visual .text_1{font-size: 45px;}
	.wrap-visual .text_2{font-size: 45px;}
	.wrap-visual .item_2{padding: 0 0 120px 0;}	
}

@media all and (max-width:767px) {
	.wrap-visual .text_1{font-size: 40px;}
	.wrap-visual .text_2{font-size: 40px;}
	.wrap-visual .item_2{padding: 0 0 120px 0;}
}


.wrap-visual .item_1{animation-name:mainVisualScale;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes mainVisualScale{
	0%{}
	100%{transform:scale(1);}
}
.wrap-visual .text_1{animation-name:text_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes text_1{
	0%{}
	100%{opacity:1;transform:translateY(0px);}
}
.wrap-visual .text_2{animation-name:text_2;animation-duration:3s;animation-fill-mode:forwards;}
@keyframes text_2{
	0%{}
	100%{opacity:1;transform:translateY(0px);}
}



