@charset "utf-8";

.wrap_visual,
.wrap_visual .inner,
.wrap_visual .slider,
.wrap_visual .slick-list,
.wrap_visual .slick-track,
.wrap_visual .slick-slide,
.wrap_visual .slick-slide > div,
.wrap_visual .slick-slide > div > li,
.wrap_visual .item_1{height:100%;}

.wrap_visual .scrollDown{width:14rem;height:33rem;position:absolute;left:0;bottom:0;background:url('../images/scrollDownBg.png') no-repeat left bottom;}
.wrap_visual .scrollDown div{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:2rem;bottom:3rem;}
.wrap_visual .scrollDown span{font-size:1.2rem;font-family:'sm';color:#000;writing-mode: vertical-lr;padding-bottom:1rem;}
.wrap_visual .scrollDown i{background:url('../images/scrollDownArrow.png') no-repeat center;width:1.1rem;height:1.1rem;display:block;}
.wrap_visual .scrollDown i.i1{opacity:1;}
.wrap_visual .scrollDown i.i2{opacity:0.6;}
.wrap_visual .scrollDown i.i3{opacity:0.2;}

.wrap_visual .scrollDown i.i1{animation-name:arrow1;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes arrow1{
	0%{opacity:1;}
	100%{opacity:0;}
}
.wrap_visual .scrollDown i.i2{animation-name:arrow2;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0.25s;}
@keyframes arrow2{
	0%{opacity:0.6;}
	100%{opacity:0;}
}
.wrap_visual .scrollDown i.i3{animation-name:arrow3;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0.5s;}
@keyframes arrow3{
	0%{opacity:0.2;}
	100%{opacity:0;}
}


.wrap_visual .item_1{position:relative;overflow:hidden;}
.wrap_visual .item_2{display:none;}

.wrap_visual .item_1 img,
.wrap_visual .item_1 video{object-fit:fill;object-position:center;width:100%;height:100%;border-radius:5rem;}
.wrap_visual video{width:100% !important;height:100% !important;object-fit:cover;object-position:center center;background:#000;display:block;}
.wrap_visual .btn_video_control{display: block;width: 5rem;height: 5rem;position: absolute;left:calc(50% - 2.5rem);top:calc(50% - 2.5rem);text-indent:-99999999px;background: url('../images/play.png') no-repeat center;}
.wrap_visual .btn_video_control.on{background: url('../images/pause.png') no-repeat center;}

@media screen and (max-width:768px) {
    .videoSlider video{object-fit:cover;min-width:100%;min-height:100%;}
}

.wrap_visual .mask{width:100%;height:100%;position:absolute;left:0;top:0;display:none;}
.wrap_visual .pattern_mask,
.wrap_visual .gradation_mask{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:5rem;}
.wrap_visual .pattern_mask{display:none;background:url('../images/mask_1.png') repeat center;}
.wrap_visual .gradation_mask{display:none;background:#000;background:linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 50%);opacity:0;}

.wrap_visual .control{width:100%;padding:0 5.5rem 5.5rem 15rem;position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;}
.wrap_visual .control .paging{width:calc(100% - 15rem);margin-top:-0.4rem;}
.wrap_visual .control .paging ul{display:flex;align-items:center;justify-content:center;}
.wrap_visual .control .paging ul li{width:100%;line-height:0;}
.wrap_visual .control .paging ul li button{font-size:0;width:100%;height:0.3rem;background:rgba(255,255,255,0.5);}
.wrap_visual .control .paging ul li.slick-active button{background:rgba(255,255,255,1);}

.wrap_visual .control .pannel{}
.wrap_visual .control .numbering{display:flex;align-items:center;justify-content:flex-end;line-height:0;}
.wrap_visual .control .numbering span{font-size:1.2rem;font-family:'sm';color:#FFF;}
.wrap_visual .control .pannel button{font-size:0;width:3rem;height:3rem;}
.wrap_visual .control .pannel .prev{background:url('../images/prev.png') no-repeat center;}
.wrap_visual .control .pannel .next{background:url('../images/next.png') no-repeat center;}
.wrap_visual .control .pannel .play{background:url('../images/play.png') no-repeat center;}
.wrap_visual .control .pannel .stop{background:url('../images/pause.png') no-repeat center;}
.wrap_visual .control .pannel .play,
.wrap_visual .control .pannel .stop{display:none;}
.wrap_visual .control .pannel .play.on,
.wrap_visual .control .pannel .stop.on{display:block;}

@media all and (max-width:1024px){
	.wrap_visual .scrollDown{width:9.4rem;height:19.6rem;background:url('../images/scrollDownBg2.png') no-repeat left bottom;}
	.wrap_visual .scrollDown div{left:0.5rem;bottom:0.5rem;}
	.wrap_visual .control{padding-right:1.5rem;padding-bottom:2.5rem;}
}

/* 슬로건 */
.slogan{color:#FFF;padding:8.5rem 0 0 10rem;position:absolute;left:0;top:0;display:none;}
.slogan .txt_1{font-family:'paper-sb';font-size:5.4rem;line-height:1.2;/*opacity:0;transform:translateX(-5rem);*/}
.slogan .txt_2{font-family:'paper-r';font-size:1.6rem;line-height:1.6;margin-top:3rem;/*opacity:0;transform:translateX(5rem);*/}
@media all and (max-width:1024px){
  .slogan{padding:5rem 3rem 0 3rem;}
  .slogan .txt_1{font-size:2.5rem;}
  .slogan .txt_2{font-size:1.4rem;margin-top:1rem;}
}