@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 .slick-slide > div > li .itemImg{width:100%;height:100%;}
.wrap_visual .itemImg img{object-fit:cover;object-position:center;width:inherit;height:inherit;}
.wrap_visual .itemTxt{display:none;}

/* 마스크 */
.wrap_visual .mask{width:100%;height:100%;position:absolute;left:0;top:0;}
.wrap_visual .pattern_mask,
.wrap_visual .gradation_mask{width:100%;height:100%;}
.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%);}

.wrapSC{width:180rem;position:absolute;left:50%;bottom:8rem;margin-left:-90rem;}

@media all and (max-width:1840px){
	.wrapSC{width:calc(100% - 4rem);left:2rem;margin-left:unset;}
}

/* 콘트롤 */
.wrap_visual .control{margin-top:6rem;display:flex;align-items:center;justify-content:flex-start;line-height:0;}
.wrap_visual .control .paging{padding:0 2rem;}
.wrap_visual .control .paging ul{display:flex;align-items:center;justify-content:center;}
.wrap_visual .control .paging ul li{line-height:0;height:0.2rem;}
.wrap_visual .control .paging ul li button{width:3rem;height:100%;background:rgba(255,255,255,0.5);text-indent:-99999999px;}
.wrap_visual .control .paging ul li.slick-active button{background:rgba(255,255,255,1);}
.wrap_visual .control span{font-size:1.2rem;font-family:'pre-m';color:#FFF;}
.wrap_visual .control .prev,
.wrap_visual .control .next,
.wrap_visual .control .play,
.wrap_visual .control .stop{width:3rem;height:3rem;text-indent:-99999999px;display:block;}
.wrap_visual .control .prev{background:url('../images/prev.png') no-repeat center;}
.wrap_visual .control .next{background:url('../images/next.png') no-repeat center;}
.wrap_visual .control .play{background:url('../images/play.png') no-repeat center;}
.wrap_visual .control .stop{background:url('../images/pause.png') no-repeat center;}
.wrap_visual .control .play,
.wrap_visual .control .stop{display:none;}
.wrap_visual .control .play.on,
.wrap_visual .control .stop.on{display:block;}

/* 슬로건 */
.slogan{color:#FFF;padding-left:1.5rem;}
.slogan .txt_1{font-size:5.6rem;font-family:'pre-eb';line-height:1.2;}
.slogan .txt_2{font-size:2.4rem;font-family:'pre-m';line-height:1.2;padding-top:1rem;}
.slogan .flexLeft{padding-top:3rem;display:flex;}
.slogan a{padding:1.3rem 1.5rem;min-width:16rem;border:1px solid #FFF;display:flex;align-items:center;justify-content:space-between;}
.slogan a span{font-family:'pre-m';font-size:1.4rem;color:#FFF;line-height:1.1;}
.slogan a::after{background:url('../images/arrowW.png') no-repeat center;width:1.5rem;height:1.5rem;margin-left:1.5rem;content:"";display:block;}
.slogan a:hover{background:#1c1c1c;border-color:#1c1c1c;}
.slogan a:hover::after{}
@media all and (max-width:768px){
	.slogan .txt_1{font-size:1.8rem;}
	.slogan .txt_2{font-size:3.6rem;}
}


/* 애니메이션 */
@keyframes slideFromLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideFromRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.slogan .txt_1 {
    opacity: 0;
    animation: slideFromLeft 1s ease-out forwards;
    animation-delay: 0.2s;
}
.slogan .txt_2 {
    opacity: 0;
    animation: slideFromRight 1s ease-out forwards;
    animation-delay: 0.5s;
}